@pie-element/placement-ordering 14.1.2-next.7 → 14.1.2-next.8

package/dist/browser/author/index.js

@@ -40544,8 +40544,8 @@ xS.create({
 		})) ?? null };
 	}
 });
-var lJ = "placeholder", uJ = new kf("tiptap__placeholder"), dJ = 200;
-function fJ(e) {
+var lJ = "placeholder", uJ = new kf("tiptap__placeholder");
+function dJ(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), wv.node(i, i + a.nodeSize, {
 		class: u.join(" "),
@@ -40557,156 +40557,198 @@ function fJ(e) {
 		}) : n
 	});
 }
-function pJ({ editor: e, options: t, dataAttribute: n, doc: r, selection: i }) {
+function fJ(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+function pJ({ 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 && kx(r);
+		return r.type.isTextblock && (a || !t.showOnlyCurrent) && o && c.push(dJ({
+			editor: e,
+			isEmptyDoc: l,
+			dataAttribute: n,
+			hasAnchor: a,
+			placeholder: t.placeholder,
+			classes: {
+				emptyEditor: t.emptyEditorClass,
+				emptyNode: fJ(t.emptyNodeClass, {
+					editor: e,
+					node: r,
+					pos: i,
+					hasAnchor: a
+				})
+			},
+			node: r,
+			pos: i
+		})), t.includeChildren;
+	}), c;
+}
+function mJ({ 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 && kx(l)) {
-			let r = a >= u && a <= u + l.nodeSize;
-			o.push(fJ({
+		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 && kx(c)) {
+			let r = a >= l && a <= l + c.nodeSize;
+			o.push(dJ({
 				editor: e,
 				isEmptyDoc: s,
 				dataAttribute: n,
 				hasAnchor: r,
 				placeholder: t.placeholder,
-				classes: c,
-				node: l,
-				pos: u
+				classes: {
+					emptyEditor: t.emptyEditorClass,
+					emptyNode: fJ(t.emptyNodeClass, {
+						editor: e,
+						node: c,
+						pos: l,
+						hasAnchor: r
+					})
+				},
+				node: c,
+				pos: l
 			}));
 		}
-	} else {
-		let i = uJ.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 && kx(r);
-			return r.type.isTextblock && (l || !t.showOnlyCurrent) && u && o.push(fJ({
-				editor: e,
-				isEmptyDoc: s,
-				dataAttribute: n,
-				hasAnchor: l,
-				placeholder: t.placeholder,
-				classes: c,
-				node: r,
-				pos: i
-			})), t.includeChildren;
-		});
-	}
+	} else o.push(...pJ({
+		editor: e,
+		options: t,
+		dataAttribute: n,
+		doc: r,
+		selection: i,
+		from: 0,
+		to: r.content.size
+	}));
 	return Dv.create(r, o);
 }
-function mJ(e) {
-	return e.replace(/\s+/g, "-").replace(/[^a-zA-Z0-9-]/g, "").replace(/^[0-9-]+/, "").replace(/^-+/, "").toLowerCase();
+function hJ(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 hJ(e) {
-	let t = getComputedStyle(e), n = `${t.overflow} ${t.overflowY} ${t.overflowX}`;
-	return /auto|scroll|overlay/.test(n);
+function gJ(e, t) {
+	return {
+		from: Math.max(0, t.from - 1),
+		to: Math.min(e.content.size, t.to - 1)
+	};
 }
-function gJ(e) {
-	let t = e;
-	for (; t;) {
-		if (hJ(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 _J(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 vJ(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 _J(e) {
-	return e === window ? {
-		top: 0,
-		bottom: window.innerHeight
-	} : e.getBoundingClientRect();
+function yJ(e, t) {
+	let n = _J(e, t.from, t.to);
+	return n.push(gJ(e, hJ(e, t.from))), t.to > t.from ? n.push(gJ(e, hJ(e, Math.min(t.to, e.content.size + 1) - 1))) : t.from < e.content.size + 1 && n.push(gJ(e, hJ(e, Math.min(t.from + 1, e.content.size)))), n;
 }
-function vJ({ doc: e, view: t, scrollContainer: n }) {
-	let r = t.dom.getBoundingClientRect(), i = n ? _J(n) : {
-		top: 0,
-		bottom: window.innerHeight
-	}, a = Math.max(r.top, i.top) - dJ, o = Math.min(r.bottom, i.bottom) + dJ;
-	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 bJ(e, t, n) {
+	let r = [];
+	if (e.docChanged) {
+		let t = vx(e);
+		for (let e of t) r.push(...yJ(n.doc, e.newRange));
+	}
+	return e.selectionSet && (r.push(gJ(n.doc, hJ(n.doc, e.mapping.map(t.selection.anchor)))), r.push(gJ(n.doc, hJ(n.doc, n.selection.anchor)))), vJ(r);
 }
-var yJ = {
-	init() {
-		return {
-			topPos: null,
-			bottomPos: null
-		};
-	},
-	apply(e, t) {
-		let n = e.getMeta(uJ);
-		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 xJ(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 SJ({ 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 } = xJ(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 = pJ({
+			editor: n,
+			options: r,
+			dataAttribute: i,
+			doc: a,
+			selection: o,
+			from: t,
+			to: c
+		});
+		u.length && (s = s.add(a, u));
 	}
-};
-function bJ(e) {
-	let t = gJ(e.dom), n = () => {
-		let n = vJ({
-			view: e,
-			doc: e.state.doc,
-			scrollContainer: t
-		}), r = uJ.getState(e.state);
-		if (r?.topPos === n.top && r?.bottomPos === n.bottom) return;
-		let i = e.state.tr.setMeta(uJ, { 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();
-		},
-		destroy: () => {
-			r !== null && cancelAnimationFrame(r), t.removeEventListener("scroll", a);
+	return s;
+}
+function CJ({ editor: e, options: t, dataAttribute: n }) {
+	return {
+		init(r, i) {
+			return mJ({
+				editor: e,
+				options: t,
+				dataAttribute: n,
+				doc: i.doc,
+				selection: i.selection
+			}) ?? Dv.empty;
+		},
+		apply(r, i, a, o) {
+			return !r.docChanged && !r.selectionSet ? i : SJ({
+				decorations: i.map(r.mapping, r.doc),
+				ranges: bJ(r, a, o),
+				editor: e,
+				options: t,
+				dataAttribute: n,
+				doc: o.doc,
+				selection: o.selection
+			});
 		}
 	};
 }
-function xJ({ editor: e, options: t }) {
-	let n = t.dataAttribute ? `data-${mJ(t.dataAttribute)}` : `data-${lJ}`;
+function wJ(e) {
+	return e.replace(/\s+/g, "-").replace(/[^a-zA-Z0-9-]/g, "").replace(/^[0-9-]+/, "").replace(/^-+/, "").toLowerCase();
+}
+function TJ({ editor: e, options: t }) {
+	let n = t.dataAttribute ? `data-${wJ(t.dataAttribute)}` : `data-${lJ}`, r = t.showOnlyCurrent && !t.includeChildren;
 	return new Ef({
 		key: uJ,
-		state: yJ,
-		view: bJ,
-		props: { decorations: ({ doc: r, selection: i }) => pJ({
+		...r ? {} : { state: CJ({
+			editor: e,
+			options: t,
+			dataAttribute: n
+		}) },
+		props: { decorations: r ? ({ doc: r, selection: i }) => mJ({
 			editor: e,
 			options: t,
 			dataAttribute: n,
 			doc: r,
 			selection: i
-		}) }
+		}) : (n) => t.showOnlyWhenEditable && !e.isEditable ? Dv.empty : uJ.getState(n) ?? Dv.empty }
 	});
 }
-var SJ = xS.create({
+var EJ = xS.create({
 	name: "placeholder",
 	addOptions() {
 		return {
@@ -40720,12 +40762,25 @@ var SJ = xS.create({
 		};
 	},
 	addProseMirrorPlugins() {
-		return [xJ({
+		return [TJ({
 			editor: this.editor,
 			options: this.options
 		})];
 	}
 });
+function DJ(e, t) {
+	return !e.selection.empty && !Ax(e.selection) && t.isEditable;
+}
+function OJ(e, t) {
+	return DJ(e, t) && !t.isFocused && !t.view.dragging;
+}
+function kJ() {
+	var e;
+	(e = window.getSelection()) == null || e.removeAllRanges();
+}
+function AJ(e) {
+	e.focus();
+}
 xS.create({
 	name: "selection",
 	addOptions() {
@@ -40735,13 +40790,25 @@ xS.create({
 		let { editor: e, options: t } = this;
 		return [new Ef({
 			key: new kf("selection"),
-			props: { decorations(n) {
-				return n.selection.empty || e.isFocused || !e.isEditable || Ax(n.selection) || e.view.dragging ? null : Dv.create(n.doc, [wv.inline(n.selection.from, n.selection.to, { class: t.className })]);
-			} }
+			props: {
+				decorations(n) {
+					return OJ(n, e) ? Dv.create(n.doc, [wv.inline(n.selection.from, n.selection.to, { class: t.className })]) : null;
+				},
+				handleDOMEvents: {
+					blur(t) {
+						return DJ(t.state, e) && kJ(), !1;
+					},
+					focus(t) {
+						return DJ(t.state, e) && requestAnimationFrame(() => {
+							!e.isDestroyed && t.hasFocus() && AJ(t);
+						}), !1;
+					}
+				}
+			}
 		})];
 	}
 });
-function CJ({ types: e, node: t }) {
+function jJ({ types: e, node: t }) {
 	return t && Array.isArray(e) && e.includes(t.type) || t?.type === e;
 }
 xS.create({
@@ -40763,7 +40830,7 @@ xS.create({
 			state: {
 				init: (e, t) => {
 					let r = t.tr.doc.lastChild;
-					return !CJ({
+					return !jJ({
 						node: r,
 						types: n
 					});
@@ -40771,7 +40838,7 @@ xS.create({
 				apply: (e, t) => {
 					if (!e.docChanged || e.getMeta("__uniqueIDTransaction")) return t;
 					let r = e.doc.lastChild;
-					return !CJ({
+					return !jJ({
 						node: r,
 						types: n
 					});
@@ -40806,7 +40873,7 @@ xS.create({
 		};
 	}
 });
-var wJ = pS.create({
+var MJ = pS.create({
 	name: "superscript",
 	addOptions() {
 		return { HTMLAttributes: {} };
@@ -40836,7 +40903,7 @@ var wJ = pS.create({
 	addKeyboardShortcuts() {
 		return { "Mod-.": () => this.editor.commands.toggleSuperscript() };
 	}
-}), TJ = pS.create({
+}), NJ = pS.create({
 	name: "subscript",
 	addOptions() {
 		return { HTMLAttributes: {} };
@@ -40866,7 +40933,7 @@ var wJ = pS.create({
 	addKeyboardShortcuts() {
 		return { "Mod-,": () => this.editor.commands.toggleSubscript() };
 	}
-}), EJ = xS.create({
+}), PJ = xS.create({
 	name: "textAlign",
 	addOptions() {
 		return {
@@ -40908,7 +40975,7 @@ var wJ = pS.create({
 			"Mod-Shift-j": () => this.editor.commands.setTextAlign("justify")
 		};
 	}
-}), DJ = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/, OJ = ZS.create({
+}), FJ = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/, IJ = ZS.create({
 	name: "image",
 	addOptions() {
 		return {
@@ -41001,7 +41068,7 @@ var wJ = pS.create({
 	},
 	addInputRules() {
 		return [LS({
-			find: DJ,
+			find: FJ,
 			type: this.type,
 			getAttributes: (e) => {
 				let [, , t, n, r] = e;
@@ -41013,17 +41080,17 @@ var wJ = pS.create({
 			}
 		})];
 	}
-}), kJ = SJ, AJ = {
+}), LJ = EJ, RJ = {
 	position: "bottom",
 	alignment: "left",
 	alwaysVisible: !1,
 	showDone: !0,
 	doneOn: "blur"
-}, jJ = {
+}, zJ = {
 	options: {},
 	respAreaToolbar: () => {},
 	onHandleAreaChange: () => {}
-}, MJ = [
+}, BJ = [
 	"bold",
 	"italic",
 	"underline",
@@ -41045,7 +41112,7 @@ var wJ = pS.create({
 	"h3",
 	"undo",
 	"redo"
-], NJ = {
+], VJ = {
 	"--white": "#fff",
 	"--black": "#2e2b29",
 	"--black-contrast": "#110f0e",
@@ -41064,14 +41131,18 @@ var wJ = pS.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)"
-}, PJ = (e) => {
+}, HJ = (e) => ({
+	spellcheck: e ? "true" : "false",
+	autocorrect: e ? "on" : "off",
+	autocapitalize: e ? "on" : "off"
+}), UJ = (e) => {
 	let { showParagraphs: t, separateParagraphs: n } = e.pluginProps || {}, [r, i] = Dt([]), [a, o] = Dt(!1), { toolbarOpts: s } = e, c = bt((e) => {
 		i((t) => {
 			let n = t.filter((t) => t.pos !== e);
 			return n.length === 0 && o(!1), n;
 		});
 	}, [i]), l = {
-		...AJ,
+		...RJ,
 		...s
 	}, u = bt((t) => {
 		let n = t.getHTML();
@@ -41082,13 +41153,13 @@ var wJ = pS.create({
 		e.onDone,
 		l.doneOn
 	]), d = Tt(() => ({
-		...jJ,
+		...zJ,
 		...e.responseAreaProps,
 		onInlineDropdownToolbarClose: u
 	}), [e.responseAreaProps, u]), f = Tt(() => {
 		let { customPlugins: t, ...n } = e.pluginProps || {};
 		t ||= [];
-		let r = (e.activePlugins || MJ)?.filter((e) => {
+		let r = (e.activePlugins || BJ)?.filter((e) => {
 			let t = vl[e] || e, r = n[t] || {};
 			return !r || !r.disabled;
 		});
@@ -41106,103 +41177,112 @@ var wJ = pS.create({
 			setKeypadInteraction: {},
 			media: {}
 		});
-	}, [e, d.type]), m = rj({
-		extensions: [
-			EJ.configure({
-				types: [
-					"heading",
-					"paragraph",
-					"div",
-					"headingParagraph",
-					"h1",
-					"h2",
-					"h3",
-					"h4",
-					"h5",
-					"h6",
-					"td",
-					"th"
-				],
-				alignments: [
-					"left",
-					"right",
-					"center",
-					"justify"
-				]
-			}),
-			sJ,
-			cJ.configure({ limit: e.charactersLimit || 1e6 }),
-			Zq.configure({ trailingNode: {
+	}, [e, d.type]), m = [
+		PJ.configure({
+			types: [
+				"heading",
+				"paragraph",
+				"div",
+				"headingParagraph",
+				"h1",
+				"h2",
+				"h3",
+				"h4",
+				"h5",
+				"h6",
+				"td",
+				"th"
+			],
+			alignments: [
+				"left",
+				"right",
+				"center",
+				"justify"
+			]
+		}),
+		sJ,
+		cJ.configure({ limit: e.charactersLimit || 1e6 }),
+		Zq.configure({
+			trailingNode: {
 				node: "paragraph",
 				notAfter: ["paragraph", "div"]
-			} }),
-			tz,
-			kk,
-			nz,
-			Ak,
-			jk,
-			kJ.configure({
-				placeholder: e.placeholder,
-				showOnlyWhenEditable: !0,
-				showOnlyCurrent: !1,
-				includeChildren: !0
-			}),
-			Tk,
-			lk,
-			Ok,
-			Dk,
-			zI.configure(d),
-			BI.configure(d),
-			HI.configure(d),
-			UI.configure(d),
-			VI.configure(d),
-			EL.configure({
-				toolbarOpts: l,
-				math: e.pluginProps?.math || {}
-			}),
-			TJ,
-			wJ,
-			OJ,
-			qL.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 = p(() => {
-								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
-			}),
-			mR.configure({ uploadSoundSupport: e.uploadSoundSupport }),
-			bR.configure({ extraCSSRules: e.extraCSSRules })
-		],
+			},
+			link: {
+				autolink: !1,
+				linkOnPaste: !1
+			}
+		}),
+		tz,
+		kk,
+		nz,
+		Ak,
+		jk,
+		LJ.configure({
+			placeholder: e.placeholder,
+			showOnlyWhenEditable: !0,
+			showOnlyCurrent: !1,
+			includeChildren: !0
+		}),
+		Tk,
+		lk,
+		Ok,
+		Dk,
+		zI.configure(d),
+		BI.configure(d),
+		HI.configure(d),
+		UI.configure(d),
+		VI.configure(d),
+		EL.configure({
+			toolbarOpts: l,
+			math: e.pluginProps?.math || {}
+		}),
+		NJ,
+		MJ,
+		IJ,
+		qL.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 = p(() => {
+							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
+		}),
+		mR.configure({ uploadSoundSupport: e.uploadSoundSupport }),
+		bR.configure({ extraCSSRules: e.extraCSSRules })
+	], h = e.spellCheck !== !1, g = rj({
+		extensions: m,
 		immediatelyRender: !1,
-		editorProps: { handleKeyDown(t, n) {
-			return e.onKeyDown ? e.onKeyDown(n) : !1;
-		} },
+		editorProps: {
+			attributes: HJ(h),
+			handleKeyDown(t, n) {
+				return e.onKeyDown ? e.onKeyDown(n) : !1;
+			}
+		},
 		editable: !e.disabled,
 		content: Cl(e.markup),
 		onUpdate: ({ editor: t, transaction: n }) => {
@@ -41213,22 +41293,29 @@ var wJ = pS.create({
 		}
 	}, [e.charactersLimit]);
 	Ct(() => {
-		e.editorRef && e.editorRef(m);
-	}, [e.editorRef, m]), Ct(() => {
-		m?.setEditable(!e.disabled);
-	}, [e.disabled, m]), Ct(() => {
-		if (!m) return;
+		e.editorRef && e.editorRef(g);
+	}, [e.editorRef, g]), Ct(() => {
+		g?.setEditable(!e.disabled);
+	}, [e.disabled, g]), Ct(() => {
+		if (!g) return;
+		let e = g.options?.editorProps, t = HJ(h);
+		e?.attributes?.spellcheck !== t.spellcheck && g.setOptions({ editorProps: {
+			...e,
+			attributes: t
+		} });
+	}, [h, g]), Ct(() => {
+		if (!g) return;
 		let t = Cl(e.markup);
-		t !== m.getHTML() && m.commands.setContent(t, { emitUpdate: !1 });
-	}, [e.markup, m]), Ct(() => {
-		Object.entries(NJ).forEach(([e, t]) => {
+		t !== g.getHTML() && g.commands.setContent(t, { emitUpdate: !1 });
+	}, [e.markup, g]), Ct(() => {
+		Object.entries(VJ).forEach(([e, t]) => {
 			document.documentElement.style.setProperty(e, t);
 		});
 	}, []);
-	let h = $A({
-		editor: m,
+	let _ = $A({
+		editor: g,
 		selector: (e) => ({ isFocused: e.editor?.isFocused })
-	}), g = Tt(() => {
+	}), v = Tt(() => {
 		let { minWidth: t, width: n, maxWidth: r, minHeight: i, height: a, maxHeight: o } = e;
 		return {
 			width: rz(n),
@@ -41243,20 +41330,20 @@ var wJ = pS.create({
 		...e,
 		activePlugins: f,
 		toolbarOpts: l,
-		editorState: h,
-		editor: m,
-		children: m && /* @__PURE__ */ F(FJ, {
+		editorState: _,
+		editor: g,
+		children: g && /* @__PURE__ */ F(WJ, {
 			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
 		})
 	});
-}, FJ = M(XA, { shouldForwardProp: (e) => !["showParagraph", "separateParagraph"].includes(e) })(({ showParagraph: e, separateParagraph: t }) => ({
+}, WJ = M(XA, { shouldForwardProp: (e) => !["showParagraph", "separateParagraph"].includes(e) })(({ showParagraph: e, separateParagraph: t }) => ({
 	display: "flex",
 	outline: "none !important",
 	"& .ProseMirror": {
@@ -41284,26 +41371,26 @@ var wJ = pS.create({
 		} },
 		...t && { "& > p:has(+ p)": { marginBottom: "1em" } }
 	}
-})), IJ = PJ;
+})), GJ = UJ;
 //#endregion
 //#region ../../lib-react/config-ui/dist/feedback-config/feedback-selector.js
-function LJ(e) {
+function KJ(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function RJ(e, t) {
-	return !e || LJ(e) ? e : LJ(e.default) ? e.default : t && LJ(e[t]) ? e[t] : t && LJ(e[t]?.default) ? e[t].default : e;
+function qJ(e, t) {
+	return !e || KJ(e) ? e : KJ(e.default) ? e.default : t && KJ(e[t]) ? e[t] : t && KJ(e[t]?.default) ? e[t].default : e;
 }
-var zJ = RJ(Me, "InputContainer") || RJ(HJ.InputContainer, "InputContainer"), BJ = Je, VJ = BJ.default, HJ = VJ && typeof VJ == "object" ? VJ : BJ, UJ = M(IJ)(({ theme: e }) => ({ fontFamily: e.typography.fontFamily })), WJ = {
+var JJ = qJ(Me, "InputContainer") || qJ(ZJ.InputContainer, "InputContainer"), YJ = Je, XJ = YJ.default, ZJ = XJ && typeof XJ == "object" ? XJ : YJ, QJ = M(GJ)(({ theme: e }) => ({ fontFamily: e.typography.fontFamily })), $J = {
 	default: "Simple Feedback",
 	none: "No Feedback",
 	custom: "Customized Feedback"
-}, GJ = M("div")(({ theme: e }) => ({ marginBottom: e.spacing(1) })), KJ = M(zJ)(() => ({ paddingBottom: 0 })), qJ = M("div")(({ theme: e }) => ({
+}, eY = M("div")(({ theme: e }) => ({ marginBottom: e.spacing(1) })), tY = M(JJ)(() => ({ paddingBottom: 0 })), nY = M("div")(({ theme: e }) => ({
 	marginTop: "0px",
 	background: N.backgroundDark(),
 	padding: 0,
 	marginBottom: e.spacing(2),
 	borderRadius: "4px"
-})), JJ = M("div")(({ theme: e }) => ({
+})), rY = M("div")(({ theme: e }) => ({
 	marginTop: "0px",
 	background: N.backgroundDark(),
 	padding: e.spacing(2),
@@ -41311,7 +41398,7 @@ var zJ = RJ(Me, "InputContainer") || RJ(HJ.InputContainer, "InputContainer"), BJ
 	borderRadius: "4px",
 	fontFamily: e.typography.fontFamily,
 	cursor: "default"
-})), YJ = M(hl)(({ theme: e }) => ({ paddingTop: e.spacing(1) })), XJ = {
+})), iY = M(hl)(({ theme: e }) => ({ paddingTop: e.spacing(1) })), aY = {
 	type: L.default.oneOf([
 		"default",
 		"custom",
@@ -41319,11 +41406,11 @@ var zJ = RJ(Me, "InputContainer") || RJ(HJ.InputContainer, "InputContainer"), BJ
 	]),
 	default: L.default.string,
 	custom: L.default.string
-}, ZJ = class extends pt.Component {
+}, oY = class extends pt.Component {
 	static propTypes = {
 		keys: L.default.arrayOf(L.default.string),
 		label: L.default.string.isRequired,
-		feedback: L.default.shape(XJ).isRequired,
+		feedback: L.default.shape(aY).isRequired,
 		onChange: L.default.func.isRequired,
 		toolbarOpts: L.default.object,
 		mathMlOptions: L.default.object
@@ -41345,36 +41432,36 @@ var zJ = RJ(Me, "InputContainer") || RJ(HJ.InputContainer, "InputContainer"), BJ
 	};
 	render() {
 		let { keys: e, label: t, feedback: n, toolbarOpts: r, mathMlOptions: i = {} } = this.props;
-		return /* @__PURE__ */ I(GJ, { children: [
-			/* @__PURE__ */ F(KJ, {
+		return /* @__PURE__ */ I(eY, { children: [
+			/* @__PURE__ */ F(tY, {
 				label: t,
 				extraClasses: { label: { transform: "translateY(-20%)" } },
-				children: /* @__PURE__ */ F(YJ, {
-					keys: e || Object.keys(WJ),
+				children: /* @__PURE__ */ F(iY, {
+					keys: e || Object.keys($J),
 					label: t,
 					value: n.type,
 					onChange: this.changeType,
-					feedbackLabels: WJ
+					feedbackLabels: $J
 				})
 			}),
-			n.type === "custom" && /* @__PURE__ */ F(qJ, { children: /* @__PURE__ */ F(UJ, {
+			n.type === "custom" && /* @__PURE__ */ F(nY, { children: /* @__PURE__ */ F(QJ, {
 				onChange: this.changeCustom,
 				markup: n.custom || "",
 				toolbarOpts: r,
 				languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 				mathMlOptions: i
 			}) }),
-			n.type === "default" && /* @__PURE__ */ I(JJ, { children: [" ", n.default] })
+			n.type === "default" && /* @__PURE__ */ I(rY, { children: [" ", n.default] })
 		] });
 	}
-}, QJ = O(/*#__PURE__*/ F("path", { d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z" }), "ExpandMore"), $J = M("div")(() => ({
+}, sY = O(/*#__PURE__*/ F("path", { d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z" }), "ExpandMore"), cY = M("div")(() => ({
 	display: "flex",
 	flex: 1,
 	flexDirection: "column"
-})), eY = M(Ti)(() => ({
+})), lY = M(Ti)(() => ({
 	paddingTop: 0,
 	paddingBottom: 0
-})), tY = (e) => l({}, {
+})), uY = (e) => l({}, {
 	correct: {
 		type: "default",
 		default: "Correct"
@@ -41387,21 +41474,21 @@ var zJ = RJ(Me, "InputContainer") || RJ(HJ.InputContainer, "InputContainer"), BJ
 		type: "default",
 		default: "Nearly"
 	}
-}, e), nY = class extends pt.Component {
+}, e), dY = class extends pt.Component {
 	static propTypes = {
 		allowPartial: L.default.bool,
 		className: L.default.string,
 		feedback: L.default.shape({
-			correct: L.default.shape(XJ),
-			incorrect: L.default.shape(XJ),
-			partial: L.default.shape(XJ)
+			correct: L.default.shape(aY),
+			incorrect: L.default.shape(aY),
+			partial: L.default.shape(aY)
 		}),
 		onChange: L.default.func.isRequired,
 		toolbarOpts: L.default.object
 	};
 	static defaultProps = {
 		allowPartial: !0,
-		feedback: tY()
+		feedback: uY()
 	};
 	onChange(e, t) {
 		let { feedback: n, onChange: r } = this.props;
@@ -41423,22 +41510,22 @@ var zJ = RJ(Me, "InputContainer") || RJ(HJ.InputContainer, "InputContainer"), BJ
 					exit: 195
 				} } },
 				children: [/* @__PURE__ */ F(Mi, {
-					expandIcon: /* @__PURE__ */ F(QJ, {}),
+					expandIcon: /* @__PURE__ */ F(sY, {}),
 					children: /* @__PURE__ */ F(Gi, { children: "Feedback" })
-				}), /* @__PURE__ */ F(eY, { children: /* @__PURE__ */ I($J, { children: [
-					/* @__PURE__ */ F(ZJ, {
+				}), /* @__PURE__ */ F(lY, { children: /* @__PURE__ */ I(cY, { children: [
+					/* @__PURE__ */ F(oY, {
 						label: "If correct, show",
 						feedback: n.correct,
 						onChange: this.onCorrectChange,
 						toolbarOpts: r
 					}),
-					t && /* @__PURE__ */ F(ZJ, {
+					t && /* @__PURE__ */ F(oY, {
 						label: "If partially correct, show",
 						feedback: n.partial,
 						onChange: this.onPartialChange,
 						toolbarOpts: r
 					}),
-					/* @__PURE__ */ F(ZJ, {
+					/* @__PURE__ */ F(oY, {
 						label: "If incorrect, show",
 						feedback: n.incorrect,
 						onChange: this.onIncorrectChange,
@@ -41448,7 +41535,7 @@ var zJ = RJ(Me, "InputContainer") || RJ(HJ.InputContainer, "InputContainer"), BJ
 			})
 		});
 	}
-}, rY = M(Ac)(() => ({})), iY = class extends pt.Component {
+}, fY = M(Ac)(() => ({})), pY = class extends pt.Component {
 	static propTypes = {
 		className: L.default.string,
 		contentClassName: L.default.string,
@@ -41469,7 +41556,7 @@ var zJ = RJ(Me, "InputContainer") || RJ(HJ.InputContainer, "InputContainer"), BJ
 				indicatorColor: "primary",
 				value: e,
 				onChange: this.handleChange,
-				children: pt.Children.map(t, (e, t) => e && e.props.title ? /* @__PURE__ */ F(rY, { label: e.props.title }, t) : null)
+				children: pt.Children.map(t, (e, t) => e && e.props.title ? /* @__PURE__ */ F(fY, { label: e.props.title }, t) : null)
 			}), /* @__PURE__ */ F("div", {
 				className: r,
 				style: i,
@@ -41477,7 +41564,7 @@ var zJ = RJ(Me, "InputContainer") || RJ(HJ.InputContainer, "InputContainer"), BJ
 			})]
 		});
 	}
-}, aY = M(yo)(({ theme: e, mini: t }) => ({
+}, mY = M(yo)(({ theme: e, mini: t }) => ({
 	margin: 0,
 	marginLeft: 0,
 	padding: 0,
@@ -41491,7 +41578,7 @@ var zJ = RJ(Me, "InputContainer") || RJ(HJ.InputContainer, "InputContainer"), BJ
 			fontSize: e.typography.fontSize - 3
 		}
 	}
-})), oY = M(Fa)(({ theme: e, mini: t, error: n }) => ({
+})), hY = M(Fa)(({ theme: e, mini: t, error: n }) => ({
 	color: `${N.tertiary()} !important`,
 	...t && {
 		margin: 0,
@@ -41500,9 +41587,9 @@ var zJ = RJ(Me, "InputContainer") || RJ(HJ.InputContainer, "InputContainer"), BJ
 		height: e.spacing(3)
 	},
 	...n && { color: `${e.palette.error.main} !important` }
-})), sY = ({ mini: e, checked: t, onChange: n, value: r, label: i, error: a }) => /* @__PURE__ */ F(aY, {
+})), gY = ({ mini: e, checked: t, onChange: n, value: r, label: i, error: a }) => /* @__PURE__ */ F(mY, {
 	mini: e,
-	control: /* @__PURE__ */ F(oY, {
+	control: /* @__PURE__ */ F(hY, {
 		checked: t,
 		onChange: n,
 		value: r,
@@ -41511,32 +41598,32 @@ var zJ = RJ(Me, "InputContainer") || RJ(HJ.InputContainer, "InputContainer"), BJ
 	}),
 	label: i
 });
-sY.propTypes = {
+gY.propTypes = {
 	mini: L.default.bool,
 	checked: L.default.bool.isRequired,
 	onChange: L.default.func.isRequired,
 	value: L.default.string,
 	label: L.default.string.isRequired,
 	error: L.default.bool
-}, sY.defaultProps = {
+}, gY.defaultProps = {
 	value: "",
 	mini: !1,
 	error: !1
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/form-section.js
-var cY = M("div")(({ theme: e }) => ({
+var _Y = M("div")(({ theme: e }) => ({
 	marginTop: e.spacing(2),
 	marginBottom: e.spacing(2)
-})), lY = M(Gi)(({ theme: e }) => ({ marginBottom: e.spacing(1) })), uY = ({ className: e, label: t, children: n, labelExtraStyle: r }) => /* @__PURE__ */ I(cY, {
+})), vY = M(Gi)(({ theme: e }) => ({ marginBottom: e.spacing(1) })), yY = ({ className: e, label: t, children: n, labelExtraStyle: r }) => /* @__PURE__ */ I(_Y, {
 	className: e,
-	children: [/* @__PURE__ */ F(lY, {
+	children: [/* @__PURE__ */ F(vY, {
 		variant: "subtitle1",
 		style: r,
 		children: t
 	}), n]
 });
-uY.propTypes = {
+yY.propTypes = {
 	className: L.default.string,
 	label: L.default.string,
 	children: L.default.node,
@@ -41544,7 +41631,7 @@ uY.propTypes = {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/number-text-field.js
-var dY = (0, Jt.default)("@pie-lib:config-ui:number-text-field"), fY = M(al)(({ theme: e }) => ({
+var bY = (0, Jt.default)("@pie-lib:config-ui:number-text-field"), xY = M(al)(({ theme: e }) => ({
 	marginRight: e.spacing(1),
 	"& .MuiInputLabel-root": {
 		width: "auto",
@@ -41566,11 +41653,11 @@ var dY = (0, Jt.default)("@pie-lib:config-ui:number-text-field"), fY = M(al)(({
 		minHeight: "auto",
 		padding: "6px 0 7px"
 	}
-})), pY = (e, t) => {
+})), SY = (e, t) => {
 	if (!o(e) && !o(t)) return 0;
 	if (!o(e) && o(t)) return t;
 	if (o(e)) return e;
-}, mY = class extends pt.Component {
+}, CY = class extends pt.Component {
 	static propTypes = {
 		disabled: L.default.bool,
 		className: L.default.string,
@@ -41596,13 +41683,13 @@ var dY = (0, Jt.default)("@pie-lib:config-ui:number-text-field"), fY = M(al)(({
 		this.setState({ value: t });
 	}
 	clamp(e, t = this.props.min, n = this.props.max) {
-		return o(e) ? (o(n) && (e = Math.min(e, n)), o(t) && (e = Math.max(e, t)), e) : pY(t, n);
+		return o(e) ? (o(n) && (e = Math.min(e, n)), o(t) && (e = Math.max(e, t)), e) : SY(t, n);
 	}
 	onBlur = (e) => {
 		let t = e.target.value, n = parseFloat(t);
-		dY("rawNumber: ", n);
+		bY("rawNumber: ", n);
 		let r = this.clamp(n);
-		dY("number: ", r), r !== this.state.value && (dY("trigger update..."), this.setState({ value: r.toString() }, () => {
+		bY("number: ", r), r !== this.state.value && (bY("trigger update..."), this.setState({ value: r.toString() }, () => {
 			this.props.onChange(e, r);
 		}));
 	};
@@ -41622,7 +41709,7 @@ var dY = (0, Jt.default)("@pie-lib:config-ui:number-text-field"), fY = M(al)(({
 	};
 	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__ */ F(fY, {
+		return /* @__PURE__ */ F(xY, {
 			variant: s ? "filled" : l || "standard",
 			inputRef: (e) => {
 				this.inputRef = e;
@@ -41657,19 +41744,19 @@ var dY = (0, Jt.default)("@pie-lib:config-ui:number-text-field"), fY = M(al)(({
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/two-choice.js
-function hY(e) {
+function wY(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function gY(e, t) {
-	return !e || hY(e) ? e : hY(e.default) ? e.default : t && hY(e[t]) ? e[t] : t && hY(e[t]?.default) ? e[t].default : e;
+function TY(e, t) {
+	return !e || wY(e) ? e : wY(e.default) ? e.default : t && wY(e[t]) ? e[t] : t && wY(e[t]?.default) ? e[t].default : e;
 }
-var _Y = gY(Me, "InputContainer") || gY(bY.InputContainer, "InputContainer"), vY = Je, yY = vY.default, bY = yY && typeof yY == "object" ? yY : vY, xY = M("div")(({ theme: e, direction: t }) => ({
+var EY = TY(Me, "InputContainer") || TY(kY.InputContainer, "InputContainer"), DY = Je, OY = DY.default, kY = OY && typeof OY == "object" ? OY : DY, AY = M("div")(({ theme: e, direction: t }) => ({
 	display: "flex",
 	flexWrap: "wrap",
 	paddingLeft: 0,
 	marginTop: e.spacing(1),
 	...t === "vertical" && { flexDirection: "column" }
-})), SY = class extends pt.Component {
+})), jY = class extends pt.Component {
 	static propTypes = {
 		header: L.default.string.isRequired,
 		className: L.default.string,
@@ -41687,10 +41774,10 @@ var _Y = gY(Me, "InputContainer") || gY(bY.InputContainer, "InputContainer"), vY
 			label: e,
 			value: e
 		} : e), s = n || dl;
-		return /* @__PURE__ */ F(_Y, {
+		return /* @__PURE__ */ F(EY, {
 			label: e,
 			className: t,
-			children: /* @__PURE__ */ F(xY, {
+			children: /* @__PURE__ */ F(AY, {
 				direction: a,
 				children: o.map((e, t) => /* @__PURE__ */ F(s, {
 					value: e.value,
@@ -41701,7 +41788,7 @@ var _Y = gY(Me, "InputContainer") || gY(bY.InputContainer, "InputContainer"), vY
 			})
 		});
 	}
-}, CY = L.default.shape({
+}, MY = L.default.shape({
 	label: L.default.string,
 	value: L.default.string
 });
@@ -41710,14 +41797,14 @@ var _Y = gY(Me, "InputContainer") || gY(bY.InputContainer, "InputContainer"), vY
 		header: L.default.string.isRequired,
 		value: L.default.string.isRequired,
 		onChange: L.default.func.isRequired,
-		one: L.default.oneOfType([CY, L.default.string]),
-		two: L.default.oneOfType([CY, L.default.string]),
+		one: L.default.oneOfType([MY, L.default.string]),
+		two: L.default.oneOfType([MY, L.default.string]),
 		className: L.default.string,
 		customLabel: L.default.func
 	};
 	render() {
 		let { one: e, two: t, header: n, className: r, customLabel: i, value: a, onChange: o } = this.props;
-		return /* @__PURE__ */ F(SY, {
+		return /* @__PURE__ */ F(jY, {
 			customLabel: i,
 			header: n,
 			className: r,
@@ -41729,21 +41816,21 @@ var _Y = gY(Me, "InputContainer") || gY(bY.InputContainer, "InputContainer"), vY
 });
 //#endregion
 //#region ../../lib-react/config-ui/dist/_virtual/_rolldown/runtime.js
-var wY = Object.defineProperty, TY = (e, t) => {
+var NY = Object.defineProperty, PY = (e, t) => {
 	let n = {};
-	for (var r in e) wY(n, r, {
+	for (var r in e) NY(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || wY(n, Symbol.toStringTag, { value: "Module" }), n;
-}, EY = M("div")(() => ({
+	return t || NY(n, Symbol.toStringTag, { value: "Module" }), n;
+}, FY = M("div")(() => ({
 	display: "flex",
 	flexDirection: "column",
 	position: "relative"
-})), DY = M("div")(() => ({
+})), IY = M("div")(() => ({
 	display: "flex",
 	justifyContent: "space-between"
-})), OY = M("div")(({ theme: e }) => ({ padding: `${e.spacing(2)} 0` })), kY = M("div")(() => ({ flex: "1" })), AY = M("div")(({ theme: e }) => ({ marginLeft: e.spacing(2) })), jY = class extends pt.Component {
+})), LY = M("div")(({ theme: e }) => ({ padding: `${e.spacing(2)} 0` })), RY = M("div")(() => ({ flex: "1" })), zY = M("div")(({ theme: e }) => ({ marginLeft: e.spacing(2) })), BY = class extends pt.Component {
 	static propTypes = {
 		mode: L.default.oneOf(["tabbed", "inline"]),
 		secondary: L.default.oneOfType([L.default.arrayOf(L.default.node), L.default.node]),
@@ -41761,7 +41848,7 @@ var wY = Object.defineProperty, TY = (e, t) => {
 		} catch (e) {
 			console.log(e.toString());
 		}
-		return /* @__PURE__ */ I(EY, {
+		return /* @__PURE__ */ I(FY, {
 			style: {
 				minHeight: i,
 				minWidth: a,
@@ -41769,28 +41856,28 @@ var wY = Object.defineProperty, TY = (e, t) => {
 				maxWidth: s
 			},
 			children: [
-				e === "inline" && /* @__PURE__ */ I(DY, { children: [/* @__PURE__ */ F(kY, {
+				e === "inline" && /* @__PURE__ */ I(IY, { children: [/* @__PURE__ */ F(RY, {
 					className: "design-container",
 					children: n
-				}), l && /* @__PURE__ */ F(AY, {
+				}), l && /* @__PURE__ */ F(zY, {
 					className: "settings-container",
 					children: t
 				})] }),
-				e === "tabbed" && l && /* @__PURE__ */ I(iY, {
+				e === "tabbed" && l && /* @__PURE__ */ I(pY, {
 					onChange: this.onTabsChange,
 					contentClassName: "content-container",
 					indicatorColor: "primary",
-					children: [/* @__PURE__ */ F(OY, {
+					children: [/* @__PURE__ */ F(LY, {
 						title: "Design",
 						className: "design-container",
 						children: n
-					}), /* @__PURE__ */ F(OY, {
+					}), /* @__PURE__ */ F(LY, {
 						title: "Settings",
 						className: "settings-container",
 						children: t
 					})]
 				}),
-				e === "tabbed" && !l && /* @__PURE__ */ F(OY, {
+				e === "tabbed" && !l && /* @__PURE__ */ F(LY, {
 					className: "design-container",
 					children: n
 				})
@@ -41800,18 +41887,18 @@ var wY = Object.defineProperty, TY = (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 MY() {
-	return MY = Object.assign ? Object.assign.bind() : function(e) {
+function VY() {
+	return VY = 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;
-	}, MY.apply(null, arguments);
+	}, VY.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 NY(e, t) {
+function HY(e, t) {
 	if (e == null) return {};
 	var n = {};
 	for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
@@ -41822,19 +41909,19 @@ function NY(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 PY(e, t) {
-	return PY = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+function UY(e, t) {
+	return UY = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
 		return e.__proto__ = t, e;
-	}, PY(e, t);
+	}, UY(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 FY(e, t) {
-	e.prototype = Object.create(t.prototype), e.prototype.constructor = e, PY(e, t);
+function WY(e, t) {
+	e.prototype = Object.create(t.prototype), e.prototype.constructor = e, UY(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 IY = (function() {
+var GY = (function() {
 	if (typeof Map < "u") return Map;
 	function e(e, t) {
 		var n = -1;
@@ -41873,34 +41960,34 @@ var IY = (function() {
 			}
 		}, t;
 	}();
-})(), LY = typeof window < "u" && typeof document < "u" && window.document === document, RY = (function() {
+})(), KY = typeof window < "u" && typeof document < "u" && window.document === document, qY = (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")();
-})(), zY = (function() {
-	return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(RY) : function(e) {
+})(), JY = (function() {
+	return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(qY) : function(e) {
 		return setTimeout(function() {
 			return e(Date.now());
 		}, 1e3 / 60);
 	};
-})(), BY = 2;
-function VY(e, t) {
+})(), YY = 2;
+function XY(e, t) {
 	var n = !1, r = !1, i = 0;
 	function a() {
 		n && (n = !1, e()), r && s();
 	}
 	function o() {
-		zY(a);
+		JY(a);
 	}
 	function s() {
 		var e = Date.now();
 		if (n) {
-			if (e - i < BY) return;
+			if (e - i < YY) return;
 			r = !0;
 		} else n = !0, r = !1, setTimeout(o, t);
 		i = e;
 	}
 	return s;
 }
-var HY = 20, UY = [
+var ZY = 20, QY = [
 	"top",
 	"right",
 	"bottom",
@@ -41909,9 +41996,9 @@ var HY = 20, UY = [
 	"height",
 	"size",
 	"weight"
-], WY = typeof MutationObserver < "u", GY = function() {
+], $Y = typeof MutationObserver < "u", eX = function() {
 	function e() {
-		this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = VY(this.refresh.bind(this), HY);
+		this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = XY(this.refresh.bind(this), ZY);
 	}
 	return e.prototype.addObserver = function(e) {
 		~this.observers_.indexOf(e) || this.observers_.push(e), this.connected_ || this.connect_();
@@ -41928,23 +42015,23 @@ var HY = 20, UY = [
 			return e.broadcastActive();
 		}), e.length > 0;
 	}, e.prototype.connect_ = function() {
-		!LY || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), WY ? (this.mutationsObserver_ = new MutationObserver(this.refresh), this.mutationsObserver_.observe(document, {
+		!KY || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), $Y ? (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() {
-		!LY || !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);
+		!KY || !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;
-		UY.some(function(e) {
+		QY.some(function(e) {
 			return !!~n.indexOf(e);
 		}) && this.refresh();
 	}, e.getInstance = function() {
 		return this.instance_ ||= new e(), this.instance_;
 	}, e.instance_ = null, e;
-}(), KY = (function(e, t) {
+}(), tX = (function(e, t) {
 	for (var n = 0, r = Object.keys(t); n < r.length; n++) {
 		var i = r[n];
 		Object.defineProperty(e, i, {
@@ -41955,19 +42042,19 @@ var HY = 20, UY = [
 		});
 	}
 	return e;
-}), qY = (function(e) {
-	return e && e.ownerDocument && e.ownerDocument.defaultView || RY;
-}), JY = iX(0, 0, 0, 0);
-function YY(e) {
+}), nX = (function(e) {
+	return e && e.ownerDocument && e.ownerDocument.defaultView || qY;
+}), rX = pX(0, 0, 0, 0);
+function iX(e) {
 	return parseFloat(e) || 0;
 }
-function XY(e) {
+function aX(e) {
 	return [...arguments].slice(1).reduce(function(t, n) {
 		var r = e["border-" + n + "-width"];
-		return t + YY(r);
+		return t + iX(r);
 	}, 0);
 }
-function ZY(e) {
+function oX(e) {
 	for (var t = [
 		"top",
 		"right",
@@ -41975,40 +42062,40 @@ function ZY(e) {
 		"left"
 	], n = {}, r = 0, i = t; r < i.length; r++) {
 		var a = i[r], o = e["padding-" + a];
-		n[a] = YY(o);
+		n[a] = iX(o);
 	}
 	return n;
 }
-function QY(e) {
+function sX(e) {
 	var t = e.getBBox();
-	return iX(0, 0, t.width, t.height);
+	return pX(0, 0, t.width, t.height);
 }
-function $Y(e) {
+function cX(e) {
 	var t = e.clientWidth, n = e.clientHeight;
-	if (!t && !n) return JY;
-	var r = qY(e).getComputedStyle(e), i = ZY(r), a = i.left + i.right, o = i.top + i.bottom, s = YY(r.width), c = YY(r.height);
-	if (r.boxSizing === "border-box" && (Math.round(s + a) !== t && (s -= XY(r, "left", "right") + a), Math.round(c + o) !== n && (c -= XY(r, "top", "bottom") + o)), !tX(e)) {
+	if (!t && !n) return rX;
+	var r = nX(e).getComputedStyle(e), i = oX(r), a = i.left + i.right, o = i.top + i.bottom, s = iX(r.width), c = iX(r.height);
+	if (r.boxSizing === "border-box" && (Math.round(s + a) !== t && (s -= aX(r, "left", "right") + a), Math.round(c + o) !== n && (c -= aX(r, "top", "bottom") + o)), !uX(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 iX(i.left, i.top, s, c);
+	return pX(i.left, i.top, s, c);
 }
-var eX = (function() {
+var lX = (function() {
 	return typeof SVGGraphicsElement < "u" ? function(e) {
-		return e instanceof qY(e).SVGGraphicsElement;
+		return e instanceof nX(e).SVGGraphicsElement;
 	} : function(e) {
-		return e instanceof qY(e).SVGElement && typeof e.getBBox == "function";
+		return e instanceof nX(e).SVGElement && typeof e.getBBox == "function";
 	};
 })();
-function tX(e) {
-	return e === qY(e).document.documentElement;
+function uX(e) {
+	return e === nX(e).document.documentElement;
 }
-function nX(e) {
-	return LY ? eX(e) ? QY(e) : $Y(e) : JY;
+function dX(e) {
+	return KY ? lX(e) ? sX(e) : cX(e) : rX;
 }
-function rX(e) {
+function fX(e) {
 	var t = e.x, n = e.y, r = e.width, i = e.height, a = Object.create((typeof DOMRectReadOnly < "u" ? DOMRectReadOnly : Object).prototype);
-	return KY(a, {
+	return tX(a, {
 		x: t,
 		y: n,
 		width: r,
@@ -42019,7 +42106,7 @@ function rX(e) {
 		left: t
 	}), a;
 }
-function iX(e, t, n, r) {
+function pX(e, t, n, r) {
 	return {
 		x: e,
 		y: t,
@@ -42027,42 +42114,42 @@ function iX(e, t, n, r) {
 		height: r
 	};
 }
-var aX = function() {
+var mX = function() {
 	function e(e) {
-		this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = iX(0, 0, 0, 0), this.target = e;
+		this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = pX(0, 0, 0, 0), this.target = e;
 	}
 	return e.prototype.isActive = function() {
-		var e = nX(this.target);
+		var e = dX(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;
-}(), oX = function() {
+}(), hX = function() {
 	function e(e, t) {
-		var n = rX(t);
-		KY(this, {
+		var n = fX(t);
+		tX(this, {
 			target: e,
 			contentRect: n
 		});
 	}
 	return e;
-}(), sX = function() {
+}(), gX = function() {
 	function e(e, t, n) {
-		if (this.activeObservations_ = [], this.observations_ = new IY(), typeof e != "function") throw TypeError("The callback provided as parameter 1 is not a function.");
+		if (this.activeObservations_ = [], this.observations_ = new GY(), 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 qY(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
+			if (!(e instanceof nX(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
 			var t = this.observations_;
-			t.has(e) || (t.set(e, new aX(e)), this.controller_.addObserver(this), this.controller_.refresh());
+			t.has(e) || (t.set(e, new mX(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 qY(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
+			if (!(e instanceof nX(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));
 		}
@@ -42076,7 +42163,7 @@ var aX = function() {
 	}, e.prototype.broadcastActive = function() {
 		if (this.hasActive()) {
 			var e = this.callbackCtx_, t = this.activeObservations_.map(function(e) {
-				return new oX(e.target, e.broadcastRect());
+				return new hX(e.target, e.broadcastRect());
 			});
 			this.callback_.call(e, t, e), this.clearActive();
 		}
@@ -42085,12 +42172,12 @@ var aX = function() {
 	}, e.prototype.hasActive = function() {
 		return this.activeObservations_.length > 0;
 	}, e;
-}(), cX = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new IY(), lX = function() {
+}(), _X = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new GY(), vX = 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 sX(t, GY.getInstance(), this);
-		cX.set(this, n);
+		var n = new gX(t, eX.getInstance(), this);
+		_X.set(this, n);
 	}
 	return e;
 }();
@@ -42099,27 +42186,27 @@ var aX = function() {
 	"unobserve",
 	"disconnect"
 ].forEach(function(e) {
-	lX.prototype[e] = function() {
+	vX.prototype[e] = function() {
 		var t;
-		return (t = cX.get(this))[e].apply(t, arguments);
+		return (t = _X.get(this))[e].apply(t, arguments);
 	};
 });
-var uX = (function() {
-	return RY.ResizeObserver === void 0 ? lX : RY.ResizeObserver;
-})(), dX = [
+var yX = (function() {
+	return qY.ResizeObserver === void 0 ? vX : qY.ResizeObserver;
+})(), bX = [
 	"client",
 	"offset",
 	"scroll",
 	"bounds",
 	"margin"
 ];
-function fX(e) {
+function xX(e) {
 	var t = [];
-	return dX.forEach(function(n) {
+	return bX.forEach(function(n) {
 		e[n] && t.push(n);
 	}), t;
 }
-function pX(e, t) {
+function SX(e, t) {
 	var n = {};
 	if (t.indexOf("client") > -1 && (n.client = {
 		top: e.clientTop,
@@ -42158,14 +42245,14 @@ function pX(e, t) {
 	}
 	return n;
 }
-function mX(e) {
+function CX(e) {
 	return e && e.ownerDocument && e.ownerDocument.defaultView || window;
 }
-function hX(e) {
+function wX(e) {
 	return function(t) {
 		var n, r;
 		return r = n = /*#__PURE__*/ function(n) {
-			FY(r, n);
+			WY(r, n);
 			function r() {
 				var t, r = [...arguments];
 				return t = n.call.apply(n, [this].concat(r)) || this, t.state = { contentRect: {
@@ -42176,24 +42263,24 @@ function hX(e) {
 					bounds: {},
 					margin: {}
 				} }, t._animationFrameID = null, t._resizeObserver = null, t._node = null, t._window = null, t.measure = function(n) {
-					var r = pX(t._node, e || fX(t.props));
+					var r = SX(t._node, e || xX(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 = mX(t._node);
+					t._resizeObserver !== null && t._node !== null && t._resizeObserver.unobserve(t._node), t._node = e, t._window = CX(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 uX(this.measure), this._node !== null && (this._resizeObserver.observe(this._node), typeof this.props.onResize == "function" && this.props.onResize(pX(this._node, e || fX(this.props))));
+				this._resizeObserver = this._window !== null && this._window.ResizeObserver ? new this._window.ResizeObserver(this.measure) : new yX(this.measure), this._node !== null && (this._resizeObserver.observe(this._node), typeof this.props.onResize == "function" && this.props.onResize(SX(this._node, e || xX(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, gt(t, MY({}, NY(e, ["innerRef", "onResize"]), {
+				return e.innerRef, e.onResize, gt(t, VY({}, HY(e, ["innerRef", "onResize"]), {
 					measureRef: this._handleRef,
 					measure: this.measure,
 					contentRect: this.state.contentRect
@@ -42210,7 +42297,7 @@ function hX(e) {
 		}, r;
 	};
 }
-var gX = hX()(function(e) {
+var TX = wX()(function(e) {
 	var t = e.measure, n = e.measureRef, r = e.contentRect, i = e.children;
 	return i({
 		measure: t,
@@ -42218,10 +42305,10 @@ var gX = hX()(function(e) {
 		contentRect: r
 	});
 });
-gX.displayName = "Measure", gX.propTypes.children = L.default.func;
+TX.displayName = "Measure", TX.propTypes.children = L.default.func;
 //#endregion
 //#region ../../lib-react/config-ui/dist/layout/settings-box.js
-var _X = M("div")(() => ({
+var EX = M("div")(() => ({
 	backgroundColor: N.white(),
 	border: `2px solid ${N.border()}`,
 	display: "flex",
@@ -42231,7 +42318,7 @@ var _X = M("div")(() => ({
 	maxWidth: "300px",
 	padding: "20px 4px 4px 20px",
 	zIndex: 99
-})), vX = class extends pt.Component {
+})), DX = class extends pt.Component {
 	static propTypes = {
 		className: L.default.string,
 		children: L.default.oneOfType([L.default.arrayOf(L.default.node), L.default.node]).isRequired
@@ -42239,19 +42326,19 @@ var _X = M("div")(() => ({
 	static defaultProps = {};
 	render() {
 		let { className: e, children: t } = this.props;
-		return /* @__PURE__ */ F(_X, {
+		return /* @__PURE__ */ F(EX, {
 			className: e,
 			children: t
 		});
 	}
-}, yX = ut({
+}, OX = ut({
 	typography: { fontFamily: "inherit" },
 	components: { MuiButton: { styleOverrides: { contained: {
 		backgroundColor: "#e0e0e0",
 		color: "#000000",
 		"&:hover": { backgroundColor: "#bdbdbd" }
 	} } } }
-}), bX = class extends pt.Component {
+}), kX = class extends pt.Component {
 	static propTypes = {
 		children: L.default.oneOfType([
 			L.default.string,
@@ -42284,19 +42371,19 @@ var _X = M("div")(() => ({
 		return /* @__PURE__ */ F(de, {
 			injectFirst: !0,
 			children: /* @__PURE__ */ F(Qe, {
-				theme: yX,
-				children: /* @__PURE__ */ F(gX, {
+				theme: OX,
+				children: /* @__PURE__ */ F(TX, {
 					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__ */ F(vX, {
+						let { children: t, settings: n, hideSettings: r, dimensions: i, extraCSSRules: a } = this.props, { layoutMode: o } = this.state, s = r ? null : o === "inline" ? /* @__PURE__ */ F(DX, {
 							className: "settings-box",
 							children: n
 						}) : n;
 						return /* @__PURE__ */ I("div", {
 							ref: e,
 							className: "main-container extraCSSRules",
-							children: [a?.rules ? /* @__PURE__ */ F("style", { dangerouslySetInnerHTML: { __html: `.extraCSSRules { ${a.rules} }` } }) : null, /* @__PURE__ */ F(jY, {
+							children: [a?.rules ? /* @__PURE__ */ F("style", { dangerouslySetInnerHTML: { __html: `.extraCSSRules { ${a.rules} }` } }) : null, /* @__PURE__ */ F(BY, {
 								mode: o,
 								secondary: s,
 								dimensions: i,
@@ -42308,27 +42395,27 @@ var _X = M("div")(() => ({
 			})
 		});
 	}
-}, xX = hX("bounds")(bX), SX = /* @__PURE__ */ TY({
-	ConfigLayout: () => xX,
-	LayoutContents: () => jY
-}), CX = M("div")(() => ({
+}, AX = wX("bounds")(kX), jX = /* @__PURE__ */ PY({
+	ConfigLayout: () => AX,
+	LayoutContents: () => BY
+}), MX = M("div")(() => ({
 	display: "flex",
 	width: "100%",
 	justifyContent: "space-between"
-})), wX = M(qe)(({ theme: e }) => ({
+})), NX = M(qe)(({ theme: e }) => ({
 	color: "rgba(0, 0, 0, 0.89)",
 	fontSize: e.typography.fontSize,
 	paddingTop: e.spacing(2)
-})), TX = M(Tc)(({ checked: e }) => ({
+})), PX = M(Tc)(({ checked: e }) => ({
 	"&.Mui-checked .MuiSwitch-thumb": { color: `${N.tertiary()} !important` },
 	"&.Mui-checked .MuiSwitch-track": { backgroundColor: `${N.tertiaryLight()} !important` },
 	"& .MuiSwitch-track": { backgroundColor: e ? `${N.tertiaryLight()} !important` : void 0 }
-})), EX = ({ checked: e, disabled: t, label: n, toggle: r }) => /* @__PURE__ */ I(CX, { children: [/* @__PURE__ */ F(wX, { children: n }), /* @__PURE__ */ F(TX, {
+})), FX = ({ checked: e, disabled: t, label: n, toggle: r }) => /* @__PURE__ */ I(MX, { children: [/* @__PURE__ */ F(NX, { children: n }), /* @__PURE__ */ F(PX, {
 	checked: e,
 	disabled: t,
 	onChange: (e) => r(e.target.checked)
 })] });
-EX.propTypes = {
+FX.propTypes = {
 	checked: L.default.bool,
 	disabled: L.default.bool,
 	label: L.default.string.isRequired,
@@ -42336,20 +42423,20 @@ EX.propTypes = {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/settings/settings-radio-label.js
-var DX = M(yo)(({ theme: e }) => ({ "& .MuiFormControlLabel-label": {
+var IX = M(yo)(({ theme: e }) => ({ "& .MuiFormControlLabel-label": {
 	color: "rgba(0, 0, 0, 0.89)",
 	fontSize: e.typography.fontSize - 2,
 	left: "-5px",
 	position: "relative"
-} })), OX = M(_c)(() => ({ color: `${N.tertiary()} !important` })), kX = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ F(DX, {
+} })), LX = M(_c)(() => ({ color: `${N.tertiary()} !important` })), RX = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ F(IX, {
 	value: t,
-	control: /* @__PURE__ */ F(OX, {
+	control: /* @__PURE__ */ F(LX, {
 		checked: n,
 		onChange: r
 	}),
 	label: e
 });
-kX.propTypes = {
+RX.propTypes = {
 	label: L.default.string,
 	value: L.default.string,
 	checked: L.default.bool,
@@ -42357,26 +42444,26 @@ kX.propTypes = {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/settings/panel.js
-var AX = (0, Jt.default)("pie-lib:config-ui:settings:panel"), jX = {
+var zX = (0, Jt.default)("pie-lib:config-ui:settings:panel"), BX = {
 	label: L.default.string,
 	value: L.default.string
-}, MX = {
+}, VX = {
 	label: L.default.string,
 	value: L.default.string,
 	onChange: L.default.func
-}, NX = ({ label: e, value: t, onChange: n }) => /* @__PURE__ */ F(sY, {
+}, HX = ({ label: e, value: t, onChange: n }) => /* @__PURE__ */ F(gY, {
 	checked: t,
 	label: e,
 	onChange: (e) => {
 		n(e.target.checked);
 	}
 });
-NX.propTypes = {
+HX.propTypes = {
 	label: L.default.string,
 	value: L.default.bool,
 	onChange: L.default.func
 };
-var PX = M(SY)(({ theme: e }) => ({
+var UX = M(jY)(({ theme: e }) => ({
 	marginTop: e.spacing(.5),
 	paddingBottom: e.spacing(.5),
 	width: "100%",
@@ -42387,29 +42474,29 @@ var PX = M(SY)(({ theme: e }) => ({
 		marginTop: e.spacing(2.5)
 	},
 	"& > div": { marginTop: e.spacing(2.5) }
-})), FX = ({ label: e, value: t, onChange: n, choices: r }) => /* @__PURE__ */ F(PX, {
+})), WX = ({ label: e, value: t, onChange: n, choices: r }) => /* @__PURE__ */ F(UX, {
 	direction: "horizontal",
-	customLabel: kX,
+	customLabel: RX,
 	value: t,
 	header: e,
 	opts: r,
 	onChange: n
 });
-FX.propTypes = {
-	...MX,
-	choices: L.default.arrayOf(L.default.shape(jX))
+WX.propTypes = {
+	...VX,
+	choices: L.default.arrayOf(L.default.shape(BX))
 };
-var IX = FX, LX = M("p")(({ theme: e }) => ({
+var GX = WX, KX = M("p")(({ theme: e }) => ({
 	margin: 0,
 	fontSize: e.typography.fontSize
-})), RX = M(Xs)(({ theme: e }) => ({
+})), qX = M(Xs)(({ theme: e }) => ({
 	marginTop: e.spacing(.5),
 	border: "2px solid lightgrey",
 	padding: `0 ${e.spacing(1)}`,
 	borderRadius: "4px"
-})), zX = ({ label: e, value: t, onChange: n, choices: r = [] }) => {
+})), JX = ({ 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__ */ I("div", { children: [e && /* @__PURE__ */ F(LX, { children: e }), /* @__PURE__ */ F(RX, {
+	return /* @__PURE__ */ I("div", { children: [e && /* @__PURE__ */ F(KX, { children: e }), /* @__PURE__ */ F(qX, {
 		value: t || r && r[0],
 		onChange: ({ target: e }) => n(e.value),
 		input: /* @__PURE__ */ F(ko, { id: `dropdown-${e}` }),
@@ -42424,14 +42511,14 @@ var IX = FX, LX = M("p")(({ theme: e }) => ({
 		}, t))
 	})] });
 };
-zX.propTypes = {
-	...MX,
+JX.propTypes = {
+	...VX,
 	choices: L.default.arrayOf(L.default.string)
 };
-var BX = M(Gi)(({ theme: e }) => ({
+var YX = M(Gi)(({ theme: e }) => ({
 	marginRight: e.spacing(3),
 	marginTop: e.spacing(1)
-})), VX = ({ label: e }) => /* @__PURE__ */ F(BX, { children: e }), HX = M(mY)(({ theme: e }) => ({
+})), XX = ({ label: e }) => /* @__PURE__ */ F(YX, { children: e }), ZX = M(CY)(({ theme: e }) => ({
 	width: "35%",
 	marginRight: e.spacing(3),
 	marginTop: e.spacing(1),
@@ -42442,7 +42529,7 @@ var BX = M(Gi)(({ theme: e }) => ({
 		padding: `0 ${e.spacing(1)}`,
 		backgroundColor: "transparent"
 	}
-})), UX = ({ label: e, value: t, onChange: n = () => {}, suffix: r, min: i, max: a }) => /* @__PURE__ */ F(HX, {
+})), QX = ({ label: e, value: t, onChange: n = () => {}, suffix: r, min: i, max: a }) => /* @__PURE__ */ F(ZX, {
 	variant: "standard",
 	label: e || "Label",
 	value: t,
@@ -42453,45 +42540,45 @@ var BX = M(Gi)(({ theme: e }) => ({
 	showErrorWhenOutsideRange: !0,
 	disableUnderline: !0
 });
-UX.propTypes = {
-	...MX,
+QX.propTypes = {
+	...VX,
 	suffix: L.default.string,
 	min: L.default.number,
 	max: L.default.number,
 	value: L.default.number
-}, VX.propTypes = { ...MX };
-var WX = ({ disabled: e, label: t, value: n, onChange: r }) => /* @__PURE__ */ F(EX, {
+}, XX.propTypes = { ...VX };
+var $X = ({ disabled: e, label: t, value: n, onChange: r }) => /* @__PURE__ */ F(FX, {
 	label: t,
 	checked: !!n,
 	disabled: !!e,
 	toggle: r
 });
-WX.propTypes = {
-	...MX,
+$X.propTypes = {
+	...VX,
 	value: L.default.bool
 };
-var GX = {
-	toggle: WX,
-	radio: IX,
-	dropdown: zX,
-	numberField: UX,
-	checkbox: NX,
-	textField: VX
-}, KX = M("div")(({ theme: e }) => ({ margin: `0 0 ${e.spacing(2)} 0` })), qX = M("div")(({ theme: e }) => ({
+var eZ = {
+	toggle: $X,
+	radio: GX,
+	dropdown: JX,
+	numberField: QX,
+	checkbox: HX,
+	textField: XX
+}, tZ = M("div")(({ theme: e }) => ({ margin: `0 0 ${e.spacing(2)} 0` })), nZ = M("div")(({ theme: e }) => ({
 	color: "#495B8F",
 	fontSize: e.typography.fontSize + 2,
 	fontWeight: 600,
 	marginBottom: e.spacing(1)
-})), JX = M("p")(({ theme: e }) => ({
+})), rZ = M("p")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize,
 	marginBottom: 0
-})), YX = (e) => {
+})), iZ = (e) => {
 	let { model: t, label: n, group: r, configuration: i, onChange: a } = e, o = (e, n, r) => {
 		let { isConfigProperty: o, ...s } = g(e, r || n), c = g(o ? i : t, n), l = {
 			...s,
 			key: n,
 			value: c
-		}, u = GX[l.type];
+		}, u = eZ[l.type];
 		return /* @__PURE__ */ F(u, {
 			...l,
 			onChange: (e) => a(n, e, o)
@@ -42500,18 +42587,18 @@ var GX = {
 		let n = e[t];
 		if (!n) return null;
 		let { type: r, label: i, fields: a, choices: s } = n;
-		return r === "numberFields" ? /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F(JX, { children: i }), Object.keys(a).map((n) => o(e, `${t}.${n}`, `${t}.fields.${n}`))] }, `numberField-${i}`) : r === "checkboxes" ? /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", { children: i }), Object.keys(s).map((n) => o(e, `${t}.${n}`, `${t}.choices.${n}`))] }, `checkbox-${i}`) : o(e, t);
+		return r === "numberFields" ? /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F(rZ, { children: i }), Object.keys(a).map((n) => o(e, `${t}.${n}`, `${t}.fields.${n}`))] }, `numberField-${i}`) : r === "checkboxes" ? /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", { children: i }), Object.keys(s).map((n) => o(e, `${t}.${n}`, `${t}.choices.${n}`))] }, `checkbox-${i}`) : o(e, t);
 	};
-	return /* @__PURE__ */ I(KX, { children: [/* @__PURE__ */ F(qX, { children: n }), Object.keys(r).map((e) => s(r, e))] });
+	return /* @__PURE__ */ I(tZ, { children: [/* @__PURE__ */ F(nZ, { children: n }), Object.keys(r).map((e) => s(r, e))] });
 };
-YX.propTypes = {
+iZ.propTypes = {
 	model: L.default.object,
 	label: L.default.string,
 	group: L.default.object,
 	configuration: L.default.object,
 	onChange: L.default.func
 };
-var XX = class extends pt.Component {
+var aZ = class extends pt.Component {
 	static propTypes = {
 		model: L.default.object,
 		configuration: L.default.object,
@@ -42525,13 +42612,13 @@ var XX = class extends pt.Component {
 		onChangeConfiguration: () => {}
 	};
 	change = (e, t, n = !1) => {
-		AX("[changeModel]", e, t);
+		zX("[changeModel]", e, t);
 		let { onChangeModel: r, onChangeConfiguration: i } = this.props, a = { ...this.props.model }, o = { ...this.props.configuration };
 		n ? (f(o, e, t), i(o, e)) : (f(a, e, t), r(a, e));
 	};
 	render() {
 		let { groups: e, model: t, configuration: n, modal: r } = this.props;
-		return AX("render:", t), /* @__PURE__ */ I("div", { children: [Object.keys(e || {}).map((r) => Object.entries(e[r]).some(([, e]) => !!e) ? /* @__PURE__ */ F(YX, {
+		return zX("render:", t), /* @__PURE__ */ I("div", { children: [Object.keys(e || {}).map((r) => Object.entries(e[r]).some(([, e]) => !!e) ? /* @__PURE__ */ F(iZ, {
 			label: r,
 			model: t,
 			configuration: n,
@@ -42539,59 +42626,59 @@ var XX = class extends pt.Component {
 			onChange: this.change
 		}, r) : null), r] });
 	}
-}, ZX = /* @__PURE__ */ TY({
-	Panel: () => XX,
-	checkbox: () => aZ,
-	checkboxes: () => oZ,
-	dropdown: () => nZ,
-	numberField: () => rZ,
-	numberFields: () => iZ,
-	radio: () => tZ,
-	textField: () => QX,
-	toggle: () => $X
-}), QX = (e, t = !0) => ({
+}, oZ = /* @__PURE__ */ PY({
+	Panel: () => aZ,
+	checkbox: () => mZ,
+	checkboxes: () => hZ,
+	dropdown: () => dZ,
+	numberField: () => fZ,
+	numberFields: () => pZ,
+	radio: () => uZ,
+	textField: () => sZ,
+	toggle: () => cZ
+}), sZ = (e, t = !0) => ({
 	label: e,
 	type: "textField",
 	isConfigProperty: t
-}), $X = (e, t = !1, n = !1) => ({
+}), cZ = (e, t = !1, n = !1) => ({
 	type: "toggle",
 	label: e,
 	isConfigProperty: t,
 	disabled: n
-}), eZ = (e) => typeof e == "string" ? {
+}), lZ = (e) => typeof e == "string" ? {
 	label: e,
 	value: e
-} : e, tZ = function() {
+} : e, uZ = function() {
 	let [e, t, n = !1] = Array.prototype.slice.call(arguments);
 	return {
 		type: "radio",
 		label: e,
-		choices: t && t.map((e) => eZ(e)),
+		choices: t && t.map((e) => lZ(e)),
 		isConfigProperty: n
 	};
-}, nZ = (e, t, n = !1) => ({
+}, dZ = (e, t, n = !1) => ({
 	type: "dropdown",
 	label: e,
 	choices: t,
 	isConfigProperty: n
-}), rZ = (e, t, n = !1) => ({
+}), fZ = (e, t, n = !1) => ({
 	...t,
 	label: e,
 	type: "numberField",
 	isConfigProperty: n
-}), iZ = (e, t, n = !1) => (Object.keys(t).map((e) => {
-	t[e] = rZ(t[e].label, t[e], n);
+}), pZ = (e, t, n = !1) => (Object.keys(t).map((e) => {
+	t[e] = fZ(t[e].label, t[e], n);
 }), {
 	type: "numberFields",
 	label: e,
 	fields: t
-}), aZ = (e, t, n = !1) => ({
+}), mZ = (e, t, n = !1) => ({
 	...t,
 	label: e,
 	type: "checkbox",
 	isConfigProperty: n
-}), oZ = (e, t, n = !1) => (Object.keys(t).map((e) => {
-	t[e] = aZ(t[e].label, t[e], n);
+}), hZ = (e, t, n = !1) => (Object.keys(t).map((e) => {
+	t[e] = mZ(t[e].label, t[e], n);
 }), {
 	type: "checkboxes",
 	label: e,
@@ -42599,36 +42686,36 @@ var XX = class extends pt.Component {
 });
 //#endregion
 //#region ../../lib-react/config-ui/dist/index.js
-function sZ(e) {
+function gZ(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function cZ(e, t) {
-	return !e || sZ(e) ? e : sZ(e.default) ? e.default : t && sZ(e[t]) ? e[t] : t && sZ(e[t]?.default) ? e[t].default : e;
+function _Z(e, t) {
+	return !e || gZ(e) ? e : gZ(e.default) ? e.default : t && gZ(e[t]) ? e[t] : t && gZ(e[t]?.default) ? e[t].default : e;
 }
-var lZ = cZ(Me, "InputContainer") || cZ(fZ.InputContainer, "InputContainer"), uZ = Je, dZ = uZ.default, fZ = dZ && typeof dZ == "object" ? dZ : uZ, pZ = O(/*#__PURE__*/ F("path", { d: "M20 9H4v2h16zM4 15h16v-2H4z" }), "DragHandle"), mZ = O(/*#__PURE__*/ F("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m5 11H7v-2h10z" }), "RemoveCircle");
+var vZ = _Z(Me, "InputContainer") || _Z(xZ.InputContainer, "InputContainer"), yZ = Je, bZ = yZ.default, xZ = bZ && typeof bZ == "object" ? bZ : yZ, SZ = O(/*#__PURE__*/ F("path", { d: "M20 9H4v2h16zM4 15h16v-2H4z" }), "DragHandle"), CZ = O(/*#__PURE__*/ F("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m5 11H7v-2h10z" }), "RemoveCircle");
 //#endregion
 //#region src/author/choice-tile.tsx
 (0, Jt.default)("@pie-element:placement-ordering:configure:choice-tile");
-var hZ = M("div")(({ theme: e }) => ({
+var wZ = M("div")(({ theme: e }) => ({
 	margin: `${e.spacing(1)} 0`,
 	backgroundColor: e.palette.background.paper,
 	display: "flex",
 	flexDirection: "column",
 	cursor: "move",
 	touchAction: "none"
-})), gZ = M(IJ)(({ theme: e, isTargetPrompt: t }) => ({
+})), TZ = M(GJ)(({ theme: e, isTargetPrompt: t }) => ({
 	width: "80%",
 	borderRadius: "4px",
 	...t && { backgroundColor: e.palette.error.light }
-})), _Z = M("div")(() => ({
+})), EZ = M("div")(() => ({
 	display: "flex",
 	justifyContent: "flex-end"
-})), vZ = M(pZ)(({ theme: e }) => ({ color: e.palette.error[400] })), yZ = M("div")(({ theme: e }) => ({
+})), DZ = M(SZ)(({ theme: e }) => ({ color: e.palette.error[400] })), OZ = M("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	marginLeft: e.spacing(5),
 	marginTop: e.spacing(1)
-})), bZ = M(mZ)(({ theme: e }) => ({ fill: e.palette.error[500] })), xZ = M(Ri)({ color: `${N.tertiary()} !important` }), SZ = (e) => {
+})), kZ = M(CZ)(({ theme: e }) => ({ fill: e.palette.error[500] })), AZ = M(Ri)({ color: `${N.tertiary()} !important` }), jZ = (e) => {
 	let { choice: t, index: n, onChoiceChange: r, onDelete: i, imageSupport: a, spellCheck: o, toolbarOpts: s, pluginProps: c, maxImageWidth: l, maxImageHeight: u, error: d, mathMlOptions: f = {} } = e, { label: p, editable: m, type: h } = t, g = `${h}-${t.id}`, _ = `${h}-drop-${t.id}`, { attributes: v, listeners: y, setNodeRef: b, transform: x, isDragging: S } = Ne({
 		id: g,
 		data: {
@@ -42662,7 +42749,7 @@ var hZ = M("div")(({ theme: e }) => ({
 				te(e.target) || y?.onPointerDown?.(e);
 			},
 			...v,
-			children: /* @__PURE__ */ I(hZ, {
+			children: /* @__PURE__ */ I(wZ, {
 				style: ee,
 				children: [/* @__PURE__ */ I("div", {
 					style: {
@@ -42671,8 +42758,8 @@ var hZ = M("div")(({ theme: e }) => ({
 						alignItems: "center"
 					},
 					children: [
-						/* @__PURE__ */ F(ya, { children: /* @__PURE__ */ F(vZ, {}) }),
-						/* @__PURE__ */ F(gZ, {
+						/* @__PURE__ */ F(ya, { children: /* @__PURE__ */ F(DZ, {}) }),
+						/* @__PURE__ */ F(TZ, {
 							disabled: !m,
 							placeholder: h !== "target" && !p.includes("data-latex") ? "Enter a choice" : "",
 							markup: p,
@@ -42689,18 +42776,18 @@ var hZ = M("div")(({ theme: e }) => ({
 							error: m && d,
 							mathMlOptions: f
 						}),
-						m && /* @__PURE__ */ F(_Z, { children: /* @__PURE__ */ F(xZ, {
+						m && /* @__PURE__ */ F(EZ, { children: /* @__PURE__ */ F(AZ, {
 							onClick: i,
 							size: "large",
-							children: /* @__PURE__ */ F(bZ, {})
+							children: /* @__PURE__ */ F(kZ, {})
 						}) })
 					]
-				}), m && d && /* @__PURE__ */ F(yZ, { children: d })]
+				}), m && d && /* @__PURE__ */ F(OZ, { children: d })]
 			})
 		})
 	});
 };
-SZ.propTypes = {
+jZ.propTypes = {
 	id: L.default.any,
 	maxImageHeight: L.default.object,
 	maxImageWidth: L.default.object,
@@ -42728,24 +42815,24 @@ SZ.propTypes = {
 };
 //#endregion
 //#region src/author/choice-editor.tsx
-function CZ(e) {
+function MZ(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function wZ(e, t) {
-	return !e || CZ(e) ? e : CZ(e.default) ? e.default : t && CZ(e[t]) ? e[t] : t && CZ(e[t]?.default) ? e[t].default : e;
+function NZ(e, t) {
+	return !e || MZ(e) ? e : MZ(e.default) ? e.default : t && MZ(e[t]) ? e[t] : t && MZ(e[t]?.default) ? e[t].default : e;
 }
-var TZ = wZ(Me, "InputContainer") || wZ(OZ.InputContainer, "InputContainer"), EZ = Je, DZ = EZ.default, OZ = DZ && typeof DZ == "object" ? DZ : EZ;
-function kZ(e) {
+var PZ = NZ(Me, "InputContainer") || NZ(LZ.InputContainer, "InputContainer"), FZ = Je, IZ = FZ.default, LZ = IZ && typeof IZ == "object" ? IZ : FZ;
+function RZ(e) {
 	let t = 1, n = e.map((e) => e.id);
 	for (; n.includes(`c${t}`);) t++;
 	return t;
 }
 (0, Jt.default)("@pie-element:placement-ordering:configure:choice-editor");
-var AZ = M("div")({
+var zZ = M("div")({
 	display: "flex",
 	alignItems: "center",
 	justifyContent: "space-between"
-}), jZ = M(Ae)(({ theme: e }) => ({
+}), BZ = M(Ae)(({ theme: e }) => ({
 	marginTop: e.spacing(2.5),
 	paddingLeft: e.spacing(1.5),
 	paddingRight: e.spacing(1.5),
@@ -42753,19 +42840,19 @@ var AZ = M("div")({
 		transition: "opacity 200ms linear",
 		"&:hover": { opacity: .3 }
 	}
-})), MZ = M("div")({
+})), VZ = M("div")({
 	gridAutoFlow: "column",
 	display: "grid",
 	gridGap: "10px",
 	alignItems: "center"
-}), NZ = M(TZ)(({ theme: e }) => ({
+}), HZ = M(PZ)(({ theme: e }) => ({
 	width: "100%",
 	paddingTop: e.spacing(2)
-})), PZ = M("div")(({ theme: e }) => ({
+})), UZ = M("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(1)
-})), FZ = class extends pt.Component {
+})), WZ = class extends pt.Component {
 	static propTypes = {
 		correctResponse: L.default.array.isRequired,
 		choices: L.default.array.isRequired,
@@ -42806,7 +42893,7 @@ var AZ = M("div")({
 				text: `There can be maximum 10 ${r}.`
 			} });
 			else {
-				let r = `c${kZ(e)}`, i = {
+				let r = `c${RZ(e)}`, i = {
 					id: r,
 					label: ""
 				}, a = {
@@ -42826,13 +42913,13 @@ var AZ = M("div")({
 			gridTemplateRows: `repeat(${t.length}, auto)`
 		};
 		return /* @__PURE__ */ I("div", { children: [
-			/* @__PURE__ */ I(MZ, {
+			/* @__PURE__ */ I(VZ, {
 				style: { gridTemplateColumns: "repeat(2, 1fr)" },
-				children: [/* @__PURE__ */ F(NZ, { label: `Student ${s || "Choices"}` }), /* @__PURE__ */ F(NZ, { label: "Correct Order" })]
+				children: [/* @__PURE__ */ F(HZ, { label: `Student ${s || "Choices"}` }), /* @__PURE__ */ F(HZ, { label: "Correct Order" })]
 			}),
-			/* @__PURE__ */ F(MZ, {
+			/* @__PURE__ */ F(VZ, {
 				style: _,
-				children: p.tiles.map((e, a) => /* @__PURE__ */ F(SZ, {
+				children: p.tiles.map((e, a) => /* @__PURE__ */ F(jZ, {
 					choice: e,
 					index: a,
 					imageSupport: n,
@@ -42849,13 +42936,13 @@ var AZ = M("div")({
 					mathMlOptions: f
 				}, `${e.type}-${e.id}`))
 			}),
-			g && /* @__PURE__ */ F(PZ, { children: g }),
-			/* @__PURE__ */ I(AZ, { children: [/* @__PURE__ */ F(jZ, {
+			g && /* @__PURE__ */ F(UZ, { children: g }),
+			/* @__PURE__ */ I(zZ, { children: [/* @__PURE__ */ F(BZ, {
 				onClick: this.shuffleChoices,
 				size: "small",
 				variant: "contained",
 				children: `SHUFFLE ${o}`.toUpperCase()
-			}), /* @__PURE__ */ F(jZ, {
+			}), /* @__PURE__ */ F(BZ, {
 				onClick: this.addChoice,
 				size: "small",
 				variant: "contained",
@@ -42869,11 +42956,11 @@ var AZ = M("div")({
 			})
 		] });
 	}
-}, IZ = () => "Validation requirements:\nThere should be at least 3 tokens.\nThe tokens should not be empty and should be unique.\nThe correct ordering should not be identical to the initial ordering.";
-function LZ(e, t) {
+}, GZ = () => "Validation requirements:\nThere should be at least 3 tokens.\nThe tokens should not be empty and should be unique.\nThe correct ordering should not be identical to the initial ordering.";
+function KZ(e, t) {
 	return e.type === "target" ? t.response.findIndex((t) => t.id === e.id) : e.type === "choice" ? t.choices.findIndex((t) => t.id === e.id) : -1;
 }
-function RZ(e, t, n, r) {
+function qZ(e, t, n, r) {
 	let { type: i, index: o } = n, { type: s, index: c } = r;
 	if (i === "target" && s === "target") {
 		let { movedItem: n, remainingItems: r } = (a(e) || []).reduce((e, t, n) => (n === o ? e.movedItem = t : e.remainingItems.push(t), e), {
@@ -42909,7 +42996,7 @@ function RZ(e, t, n, r) {
 		choices: t
 	};
 }
-function zZ(e, t) {
+function JZ(e, t) {
 	let n = t.map((t, n) => {
 		let r = t && t.id;
 		return {
@@ -42929,32 +43016,32 @@ function zZ(e, t) {
 }
 //#endregion
 //#region src/author/design.tsx
-var BZ = (0, Jt.default)("@pie-element:placement-ordering:design"), { Panel: VZ, toggle: HZ, radio: UZ, dropdown: WZ } = ZX, GZ = (e) => Xt.default.isPlural(e) ? {
+var YZ = (0, Jt.default)("@pie-element:placement-ordering:design"), { Panel: XZ, toggle: ZZ, radio: QZ, dropdown: $Z } = oZ, eQ = (e) => Xt.default.isPlural(e) ? {
 	singularLabel: Xt.default.singular(e),
 	pluralLabel: e
 } : {
 	singularLabel: e,
 	pluralLabel: (0, Xt.default)(e)
-}, KZ = M(lZ)(({ theme: e }) => ({
+}, tQ = M(vZ)(({ theme: e }) => ({
 	width: "100%",
 	paddingTop: e.spacing(2),
 	marginBottom: e.spacing(2)
-})), qZ = M("div")({
+})), nQ = M("div")({
 	display: "grid",
 	gridAutoFlow: "column",
 	gridAutoColumns: "1fr",
 	gridGap: "8px"
-}), JZ = M(uY)(({ theme: e }) => ({
+}), rQ = M(yY)(({ theme: e }) => ({
 	marginTop: 0,
 	marginBottom: e.spacing(2.5)
-})), YZ = M("div")({
+})), iQ = M("div")({
 	display: "inline-flex",
 	position: "absolute"
-}), XZ = M("div")(({ theme: e }) => ({
+}), aQ = M("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(1)
-})), ZZ = class extends pt.Component {
+})), oQ = class extends pt.Component {
 	static propTypes = { uploadSoundSupport: L.default.object };
 	static defaultProps = {};
 	constructor(e) {
@@ -42962,7 +43049,7 @@ var BZ = (0, Jt.default)("@pie-element:placement-ordering:design"), { Panel: VZ,
 			let { model: t, onModelChanged: n } = this.props;
 			n(e(a(t)));
 		}, this.changeHandler = (e, t) => (n) => {
-			BZ("[changeHandler] value: ", n);
+			YZ("[changeHandler] value: ", n);
 			let r = t ? (0, Yt.get)(n, t) : n;
 			this.applyUpdate((t) => ((0, Yt.set)(t, e, r), t));
 		}, this.onPromptChange = this.changeHandler("prompt"), this.onTeacherInstructionsChange = this.changeHandler("teacherInstructions"), this.onRationaleChange = this.changeHandler("rationale"), this.onChoiceAreaLabelChange = this.changeHandler("choiceLabel", "target.value"), this.onAnswerAreaLabelChange = this.changeHandler("targetLabel", "target.value"), this.onFeedbackChange = this.changeHandler("feedback"), this.onChoiceEditorChange = (e, t) => {
@@ -42979,47 +43066,47 @@ var BZ = (0, Jt.default)("@pie-element:placement-ordering:design"), { Panel: VZ,
 		if (!r || !n) return;
 		let i = r.data.current, a = n.data.current, o = t.tiles.find((e) => e.id === a.id && e.type === a.type), s = i, c = {
 			...o,
-			index: LZ(o, t)
+			index: KZ(o, t)
 		}, l = {
 			...s,
-			index: LZ(s, t)
-		}, { response: u, choices: d } = RZ(t.response, t.choices, c, l);
+			index: KZ(s, t)
+		}, { response: u, choices: d } = qZ(t.response, t.choices, c, l);
 		this.onChoiceEditorChange(d, u);
 	};
 	render() {
 		let { model: e, imageSupport: t, uploadSoundSupport: n, onModelChanged: r, configuration: i, onConfigurationChanged: a } = this.props, { baseInputConfiguration: o = {}, choiceLabel: s = {}, choices: c = {}, contentDimensions: l = {}, feedback: u = {}, prompt: f = {}, placementArea: p = {}, maxImageWidth: m = {}, maxImageHeight: h = {}, numberedGuides: g = {}, orientation: _ = {}, partialScoring: v = {}, rationale: y = {}, removeTilesAfterPlacing: b = {}, settingsPanelDisabled: x, studentInstructions: S = {}, spellCheck: C = {}, scoringType: w = {}, targetLabel: ee = {}, teacherInstructions: T = {}, withRubric: te = {}, mathMlOptions: E = {}, language: ne = {}, languageChoices: re = {} } = i || {}, { choiceLabelEnabled: ie, errors: D, extraCSSRules: ae, feedbackEnabled: oe, promptEnabled: se, rationaleEnabled: ce, spellCheckEnabled: le, teacherInstructionsEnabled: ue, toolbarEditorPosition: O, correctResponse: de } = e || {}, { prompt: k, rationale: fe, teacherInstructions: pe } = D || {}, me = {
 			choices: e.choices,
 			response: !de || d(de) ? Array(e.choices.length) : de,
-			tiles: zZ(e.choices, de)
-		}, he = IZ(), { singularLabel: ge = "", pluralLabel: _e = "" } = c?.label && GZ(c.label) || {}, ve = m && m.prompt, ye = h && h.prompt, be = m && e.placementArea ? m.choicesWithPlacementArea : m.choicesWithoutPlacementArea || ve, xe = h && h.choices || ye, A = { position: O === "top" ? "top" : "bottom" }, Se = {
-			choiceLabelEnabled: s.settings && HZ(s.label),
-			placementArea: p.settings && HZ(p.label),
-			numberedGuides: g.settings && e.placementArea && HZ(g.label),
-			orientation: _.settings && UZ(_.label, ["vertical", "horizontal"]),
-			removeTilesAfterPlacing: b.settings && HZ(b.label),
-			partialScoring: v.settings && HZ(v.label),
-			feedbackEnabled: u.settings && HZ(u.label),
-			"language.enabled": ne.settings && HZ(ne.label, !0),
-			language: ne.settings && ne.enabled && WZ(re.label, re.options)
+			tiles: JZ(e.choices, de)
+		}, he = GZ(), { singularLabel: ge = "", pluralLabel: _e = "" } = c?.label && eQ(c.label) || {}, ve = m && m.prompt, ye = h && h.prompt, be = m && e.placementArea ? m.choicesWithPlacementArea : m.choicesWithoutPlacementArea || ve, xe = h && h.choices || ye, A = { position: O === "top" ? "top" : "bottom" }, Se = {
+			choiceLabelEnabled: s.settings && ZZ(s.label),
+			placementArea: p.settings && ZZ(p.label),
+			numberedGuides: g.settings && e.placementArea && ZZ(g.label),
+			orientation: _.settings && QZ(_.label, ["vertical", "horizontal"]),
+			removeTilesAfterPlacing: b.settings && ZZ(b.label),
+			partialScoring: v.settings && ZZ(v.label),
+			feedbackEnabled: u.settings && ZZ(u.label),
+			"language.enabled": ne.settings && ZZ(ne.label, !0),
+			language: ne.settings && ne.enabled && $Z(re.label, re.options)
 		}, j = {
-			teacherInstructionsEnabled: T.settings && HZ(T.label),
-			studentInstructionsEnabled: S.settings && HZ(S.label),
-			rationaleEnabled: y.settings && HZ(y.label),
-			promptEnabled: f.settings && HZ(f.label),
-			spellCheckEnabled: C.settings && HZ(C.label),
-			scoringType: w.settings && UZ(w.label, ["auto", "rubric"]),
-			rubricEnabled: te?.settings && HZ(te?.label)
+			teacherInstructionsEnabled: T.settings && ZZ(T.label),
+			studentInstructionsEnabled: S.settings && ZZ(S.label),
+			rationaleEnabled: y.settings && ZZ(y.label),
+			promptEnabled: f.settings && ZZ(f.label),
+			spellCheckEnabled: C.settings && ZZ(C.label),
+			scoringType: w.settings && QZ(w.label, ["auto", "rubric"]),
+			rubricEnabled: te?.settings && ZZ(te?.label)
 		}, Ce = (e = {}) => ({
 			...o,
 			...e
 		});
 		return /* @__PURE__ */ F(nt, {
 			onDragEnd: (e) => this.onDragEnd(e, me),
-			children: /* @__PURE__ */ I(SX.ConfigLayout, {
+			children: /* @__PURE__ */ I(jX.ConfigLayout, {
 				extraCSSRules: ae,
 				dimensions: l,
 				hideSettings: x,
-				settings: /* @__PURE__ */ F(VZ, {
+				settings: /* @__PURE__ */ F(XZ, {
 					model: e,
 					configuration: i,
 					onChangeModel: (e) => r(e),
@@ -43030,9 +43117,9 @@ var BZ = (0, Jt.default)("@pie-element:placement-ordering:design"), { Panel: VZ,
 					}
 				}),
 				children: [
-					ue && /* @__PURE__ */ I(KZ, {
+					ue && /* @__PURE__ */ I(tQ, {
 						label: T.label,
-						children: [/* @__PURE__ */ F(IJ, {
+						children: [/* @__PURE__ */ F(GJ, {
 							className: "prompt",
 							markup: e.teacherInstructions || "",
 							onChange: this.onTeacherInstructionsChange,
@@ -43052,9 +43139,9 @@ var BZ = (0, Jt.default)("@pie-element:placement-ordering:design"), { Panel: VZ,
 							children: pe
 						})]
 					}),
-					se && /* @__PURE__ */ I(KZ, {
+					se && /* @__PURE__ */ I(tQ, {
 						label: f && f.label,
-						children: [/* @__PURE__ */ F(IJ, {
+						children: [/* @__PURE__ */ F(GJ, {
 							className: "prompt",
 							markup: e.prompt,
 							onChange: this.onPromptChange,
@@ -43073,11 +43160,11 @@ var BZ = (0, Jt.default)("@pie-element:placement-ordering:design"), { Panel: VZ,
 							children: k
 						})]
 					}),
-					/* @__PURE__ */ I(JZ, {
+					/* @__PURE__ */ I(rQ, {
 						label: `Define ${_e}`,
 						labelExtraStyle: { display: "inline-flex" },
 						children: [
-							/* @__PURE__ */ F(YZ, { children: /* @__PURE__ */ F(pi, {
+							/* @__PURE__ */ F(iQ, { children: /* @__PURE__ */ F(pi, {
 								slotProps: { tooltip: { sx: {
 									fontSize: 14,
 									whiteSpace: "pre",
@@ -43093,9 +43180,9 @@ var BZ = (0, Jt.default)("@pie-element:placement-ordering:design"), { Panel: VZ,
 									style: { marginLeft: "8px" }
 								})
 							}) }),
-							/* @__PURE__ */ I(qZ, { children: [ie && /* @__PURE__ */ F(KZ, {
+							/* @__PURE__ */ I(nQ, { children: [ie && /* @__PURE__ */ F(tQ, {
 								label: s && s.label && `${ge} label`,
-								children: /* @__PURE__ */ F(IJ, {
+								children: /* @__PURE__ */ F(GJ, {
 									...e.placementArea && { autoWidthToolbar: !0 },
 									className: "prompt",
 									markup: e.choiceLabel,
@@ -43109,9 +43196,9 @@ var BZ = (0, Jt.default)("@pie-element:placement-ordering:design"), { Panel: VZ,
 									languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 									mathMlOptions: E
 								})
-							}), ee.settings && e.placementArea && /* @__PURE__ */ F(KZ, {
+							}), ee.settings && e.placementArea && /* @__PURE__ */ F(tQ, {
 								label: ee && ee.label && ee.label,
-								children: /* @__PURE__ */ F(IJ, {
+								children: /* @__PURE__ */ F(GJ, {
 									autoWidthToolbar: !0,
 									className: "prompt",
 									markup: e.targetLabel,
@@ -43125,7 +43212,7 @@ var BZ = (0, Jt.default)("@pie-element:placement-ordering:design"), { Panel: VZ,
 									mathMlOptions: E
 								})
 							})] }),
-							c.settings && /* @__PURE__ */ F(FZ, {
+							c.settings && /* @__PURE__ */ F(WZ, {
 								correctResponse: de,
 								choices: e.choices,
 								onChange: this.onChoiceEditorChange,
@@ -43145,9 +43232,9 @@ var BZ = (0, Jt.default)("@pie-element:placement-ordering:design"), { Panel: VZ,
 							})
 						]
 					}),
-					ce && /* @__PURE__ */ I(KZ, {
+					ce && /* @__PURE__ */ I(tQ, {
 						label: y.label,
-						children: [/* @__PURE__ */ F(IJ, {
+						children: [/* @__PURE__ */ F(GJ, {
 							className: "prompt",
 							markup: e.rationale || "",
 							onChange: this.onRationaleChange,
@@ -43161,9 +43248,9 @@ var BZ = (0, Jt.default)("@pie-element:placement-ordering:design"), { Panel: VZ,
 							uploadSoundSupport: n,
 							languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 							mathMlOptions: E
-						}), fe && /* @__PURE__ */ F(XZ, { children: fe })]
+						}), fe && /* @__PURE__ */ F(aQ, { children: fe })]
 					}),
-					oe && /* @__PURE__ */ F(nY, {
+					oe && /* @__PURE__ */ F(dY, {
 						feedback: e.feedback,
 						onChange: this.onFeedbackChange,
 						imageSupport: t,
@@ -43174,10 +43261,10 @@ var BZ = (0, Jt.default)("@pie-element:placement-ordering:design"), { Panel: VZ,
 		});
 	}
 };
-ZZ.defaultProps = {
+oQ.defaultProps = {
 	onModelChanged: () => {},
 	onConfigurationChanged: () => {}
-}, ZZ.propTypes = {
+}, oQ.propTypes = {
 	model: L.default.object.isRequired,
 	configuration: L.default.object.isRequired,
 	onModelChanged: L.default.func,
@@ -43186,7 +43273,7 @@ ZZ.defaultProps = {
 };
 //#endregion
 //#region src/author/defaults.ts
-var QZ = {
+var sQ = {
 	model: {
 		choiceLabel: "",
 		choiceLabelEnabled: !0,
@@ -43341,31 +43428,31 @@ var QZ = {
 			options: []
 		}
 	}
-}, $Z = (e, t) => ({
-	configuration: r(e, QZ.configuration),
+}, cQ = (e, t) => ({
+	configuration: r(e, sQ.configuration),
 	model: t
-}), eQ = (e) => e && e.map((e) => e.weight === void 0 ? {
+}), lQ = (e) => e && e.map((e) => e.weight === void 0 ? {
 	id: e.id || e,
 	weight: 0
 } : {
 	id: e.id,
 	weight: e.weight
-}), tQ = class e extends HTMLElement {
+}), uQ = class e extends HTMLElement {
 	static createDefaultModel = (e = {}) => {
-		let t = eQ(e.correctResponse) || ((e) => e && e.map((e) => ({
+		let t = lQ(e.correctResponse) || ((e) => e && e.map((e) => ({
 			id: e.id,
 			weight: 0
 		})))(e.choices), n = {
-			...QZ.model,
+			...sQ.model,
 			...e
 		};
 		return t && (n.correctResponse = t), n;
 	};
 	constructor() {
-		super(), this._root = null, this._model = e.createDefaultModel(), this._configuration = QZ.configuration, this.onModelChanged = (e, t) => {
+		super(), this._root = null, this._model = e.createDefaultModel(), this._configuration = sQ.configuration, this.onModelChanged = (e, t) => {
 			this._model = e, this._rerender(), this.dispatchUpdate(t);
 		}, this.onConfigurationChanged = (e) => {
-			this._configuration = $Z(e).configuration, this.onModelChanged(this._model), this._rerender();
+			this._configuration = cQ(e).configuration, this.onModelChanged(this._model), this._rerender();
 		}, this.insertImage = (e) => {
 			this.dispatchEvent(new Ut(e));
 		}, this.deleteImage = (e, t) => {
@@ -43379,10 +43466,10 @@ var QZ = {
 		this._model = e.createDefaultModel(t), this._rerender();
 	}
 	set configuration(e) {
-		let t = $Z(e, this._model);
+		let t = cQ(e, this._model);
 		this.onModelChanged(t.model);
 		let n = {
-			...QZ.configuration,
+			...sQ.configuration,
 			...t.configuration
 		};
 		this._configuration = n, n?.language?.enabled ? n?.languageChoices?.options?.length && (this._model.language = n?.languageChoices.options[0].value) : n.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({
@@ -43397,7 +43484,7 @@ var QZ = {
 		this.dispatchEvent(new Wt(e, t));
 	}
 	_rerender() {
-		let e = pt.createElement(ZZ, {
+		let e = pt.createElement(oQ, {
 			model: this._model,
 			configuration: this._configuration,
 			onModelChanged: this.onModelChanged,
@@ -43421,6 +43508,6 @@ var QZ = {
 	}
 };
 //#endregion
-export { eQ as addWeightToCorrectResponse, tQ as default };
+export { lQ as addWeightToCorrectResponse, uQ as default };
 
 //# sourceMappingURL=index.js.map