@pie-element/categorize 13.1.2-next.6 → 13.1.2-next.8

package/dist/browser/author/index.js

@@ -39453,8 +39453,8 @@ Bx.create({
 		})) ?? null };
 	}
 });
-var Oq = "placeholder", kq = new qd("tiptap__placeholder"), Aq = 200;
-function jq(e) {
+var Oq = "placeholder", kq = new qd("tiptap__placeholder");
+function Aq(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), U_.node(i, i + a.nodeSize, {
 		class: u.join(" "),
@@ -39466,156 +39466,198 @@ function jq(e) {
 		}) : n
 	});
 }
-function Mq({ editor: e, options: t, dataAttribute: n, doc: r, selection: i }) {
+function jq(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+function Mq({ 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 && Jb(r);
+		return r.type.isTextblock && (a || !t.showOnlyCurrent) && o && c.push(Aq({
+			editor: e,
+			isEmptyDoc: l,
+			dataAttribute: n,
+			hasAnchor: a,
+			placeholder: t.placeholder,
+			classes: {
+				emptyEditor: t.emptyEditorClass,
+				emptyNode: jq(t.emptyNodeClass, {
+					editor: e,
+					node: r,
+					pos: i,
+					hasAnchor: a
+				})
+			},
+			node: r,
+			pos: i
+		})), t.includeChildren;
+	}), c;
+}
+function Nq({ 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 && Jb(l)) {
-			let r = a >= u && a <= u + l.nodeSize;
-			o.push(jq({
+		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 && Jb(c)) {
+			let r = a >= l && a <= l + c.nodeSize;
+			o.push(Aq({
 				editor: e,
 				isEmptyDoc: s,
 				dataAttribute: n,
 				hasAnchor: r,
 				placeholder: t.placeholder,
-				classes: c,
-				node: l,
-				pos: u
+				classes: {
+					emptyEditor: t.emptyEditorClass,
+					emptyNode: jq(t.emptyNodeClass, {
+						editor: e,
+						node: c,
+						pos: l,
+						hasAnchor: r
+					})
+				},
+				node: c,
+				pos: l
 			}));
 		}
-	} else {
-		let i = kq.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 && Jb(r);
-			return r.type.isTextblock && (l || !t.showOnlyCurrent) && u && o.push(jq({
-				editor: e,
-				isEmptyDoc: s,
-				dataAttribute: n,
-				hasAnchor: l,
-				placeholder: t.placeholder,
-				classes: c,
-				node: r,
-				pos: i
-			})), t.includeChildren;
-		});
-	}
+	} else o.push(...Mq({
+		editor: e,
+		options: t,
+		dataAttribute: n,
+		doc: r,
+		selection: i,
+		from: 0,
+		to: r.content.size
+	}));
 	return K_.create(r, o);
 }
-function Nq(e) {
-	return e.replace(/\s+/g, "-").replace(/[^a-zA-Z0-9-]/g, "").replace(/^[0-9-]+/, "").replace(/^-+/, "").toLowerCase();
+function Pq(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 Pq(e) {
-	let t = getComputedStyle(e), n = `${t.overflow} ${t.overflowY} ${t.overflowX}`;
-	return /auto|scroll|overlay/.test(n);
+function Fq(e, t) {
+	return {
+		from: Math.max(0, t.from - 1),
+		to: Math.min(e.content.size, t.to - 1)
+	};
 }
-function Fq(e) {
-	let t = e;
-	for (; t;) {
-		if (Pq(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 Iq(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 Lq(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 Iq(e) {
-	return e === window ? {
-		top: 0,
-		bottom: window.innerHeight
-	} : e.getBoundingClientRect();
+function Rq(e, t) {
+	let n = Iq(e, t.from, t.to);
+	return n.push(Fq(e, Pq(e, t.from))), t.to > t.from ? n.push(Fq(e, Pq(e, Math.min(t.to, e.content.size + 1) - 1))) : t.from < e.content.size + 1 && n.push(Fq(e, Pq(e, Math.min(t.from + 1, e.content.size)))), n;
 }
-function Lq({ doc: e, view: t, scrollContainer: n }) {
-	let r = t.dom.getBoundingClientRect(), i = n ? Iq(n) : {
-		top: 0,
-		bottom: window.innerHeight
-	}, a = Math.max(r.top, i.top) - Aq, o = Math.min(r.bottom, i.bottom) + Aq;
-	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 zq(e, t, n) {
+	let r = [];
+	if (e.docChanged) {
+		let t = Lb(e);
+		for (let e of t) r.push(...Rq(n.doc, e.newRange));
+	}
+	return e.selectionSet && (r.push(Fq(n.doc, Pq(n.doc, e.mapping.map(t.selection.anchor)))), r.push(Fq(n.doc, Pq(n.doc, n.selection.anchor)))), Lq(r);
 }
-var Rq = {
-	init() {
-		return {
-			topPos: null,
-			bottomPos: null
-		};
-	},
-	apply(e, t) {
-		let n = e.getMeta(kq);
-		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 Bq(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 Vq({ 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 } = Bq(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 = Mq({
+			editor: n,
+			options: r,
+			dataAttribute: i,
+			doc: a,
+			selection: o,
+			from: t,
+			to: c
+		});
+		u.length && (s = s.add(a, u));
 	}
-};
-function zq(e) {
-	let t = Fq(e.dom), n = () => {
-		let n = Lq({
-			view: e,
-			doc: e.state.doc,
-			scrollContainer: t
-		}), r = kq.getState(e.state);
-		if (r?.topPos === n.top && r?.bottomPos === n.bottom) return;
-		let i = e.state.tr.setMeta(kq, { positions: n });
-		e.dispatch(i);
-	}, r = null, i = 0, a = () => {
-		r === null && (r = requestAnimationFrame(() => {
-			r = null;
-			let e = performance.now();
-			e - i >= 150 ? (i = e, n()) : a();
-		}));
-	};
-	return t.addEventListener("scroll", a, { passive: !0 }), n(), {
-		update(t, n) {
-			e.state.doc.content.size !== n.doc.content.size && a();
+	return s;
+}
+function Hq({ editor: e, options: t, dataAttribute: n }) {
+	return {
+		init(r, i) {
+			return Nq({
+				editor: e,
+				options: t,
+				dataAttribute: n,
+				doc: i.doc,
+				selection: i.selection
+			}) ?? K_.empty;
 		},
-		destroy: () => {
-			r !== null && cancelAnimationFrame(r), t.removeEventListener("scroll", a);
+		apply(r, i, a, o) {
+			return !r.docChanged && !r.selectionSet ? i : Vq({
+				decorations: i.map(r.mapping, r.doc),
+				ranges: zq(r, a, o),
+				editor: e,
+				options: t,
+				dataAttribute: n,
+				doc: o.doc,
+				selection: o.selection
+			});
 		}
 	};
 }
-function Bq({ editor: e, options: t }) {
-	let n = t.dataAttribute ? `data-${Nq(t.dataAttribute)}` : `data-${Oq}`;
+function Uq(e) {
+	return e.replace(/\s+/g, "-").replace(/[^a-zA-Z0-9-]/g, "").replace(/^[0-9-]+/, "").replace(/^-+/, "").toLowerCase();
+}
+function Wq({ editor: e, options: t }) {
+	let n = t.dataAttribute ? `data-${Uq(t.dataAttribute)}` : `data-${Oq}`, r = t.showOnlyCurrent && !t.includeChildren;
 	return new H({
 		key: kq,
-		state: Rq,
-		view: zq,
-		props: { decorations: ({ doc: r, selection: i }) => Mq({
+		...r ? {} : { state: Hq({
+			editor: e,
+			options: t,
+			dataAttribute: n
+		}) },
+		props: { decorations: r ? ({ doc: r, selection: i }) => Nq({
 			editor: e,
 			options: t,
 			dataAttribute: n,
 			doc: r,
 			selection: i
-		}) }
+		}) : (n) => t.showOnlyWhenEditable && !e.isEditable ? K_.empty : kq.getState(n) ?? K_.empty }
 	});
 }
-var Vq = Bx.create({
+var Gq = Bx.create({
 	name: "placeholder",
 	addOptions() {
 		return {
@@ -39629,12 +39671,25 @@ var Vq = Bx.create({
 		};
 	},
 	addProseMirrorPlugins() {
-		return [Bq({
+		return [Wq({
 			editor: this.editor,
 			options: this.options
 		})];
 	}
 });
+function Kq(e, t) {
+	return !e.selection.empty && !Yb(e.selection) && t.isEditable;
+}
+function qq(e, t) {
+	return Kq(e, t) && !t.isFocused && !t.view.dragging;
+}
+function Jq() {
+	var e;
+	(e = window.getSelection()) == null || e.removeAllRanges();
+}
+function Yq(e) {
+	e.focus();
+}
 Bx.create({
 	name: "selection",
 	addOptions() {
@@ -39644,13 +39699,25 @@ Bx.create({
 		let { editor: e, options: t } = this;
 		return [new H({
 			key: new qd("selection"),
-			props: { decorations(n) {
-				return n.selection.empty || e.isFocused || !e.isEditable || Yb(n.selection) || e.view.dragging ? null : K_.create(n.doc, [U_.inline(n.selection.from, n.selection.to, { class: t.className })]);
-			} }
+			props: {
+				decorations(n) {
+					return qq(n, e) ? K_.create(n.doc, [U_.inline(n.selection.from, n.selection.to, { class: t.className })]) : null;
+				},
+				handleDOMEvents: {
+					blur(t) {
+						return Kq(t.state, e) && Jq(), !1;
+					},
+					focus(t) {
+						return Kq(t.state, e) && requestAnimationFrame(() => {
+							!e.isDestroyed && t.hasFocus() && Yq(t);
+						}), !1;
+					}
+				}
+			}
 		})];
 	}
 });
-function Hq({ types: e, node: t }) {
+function Xq({ types: e, node: t }) {
 	return t && Array.isArray(e) && e.includes(t.type) || t?.type === e;
 }
 Bx.create({
@@ -39672,7 +39739,7 @@ Bx.create({
 			state: {
 				init: (e, t) => {
 					let r = t.tr.doc.lastChild;
-					return !Hq({
+					return !Xq({
 						node: r,
 						types: n
 					});
@@ -39680,7 +39747,7 @@ Bx.create({
 				apply: (e, t) => {
 					if (!e.docChanged || e.getMeta("__uniqueIDTransaction")) return t;
 					let r = e.doc.lastChild;
-					return !Hq({
+					return !Xq({
 						node: r,
 						types: n
 					});
@@ -39715,7 +39782,7 @@ Bx.create({
 		};
 	}
 });
-var Uq = Mx.create({
+var Zq = Mx.create({
 	name: "superscript",
 	addOptions() {
 		return { HTMLAttributes: {} };
@@ -39745,7 +39812,7 @@ var Uq = Mx.create({
 	addKeyboardShortcuts() {
 		return { "Mod-.": () => this.editor.commands.toggleSuperscript() };
 	}
-}), Wq = Mx.create({
+}), Qq = Mx.create({
 	name: "subscript",
 	addOptions() {
 		return { HTMLAttributes: {} };
@@ -39775,7 +39842,7 @@ var Uq = Mx.create({
 	addKeyboardShortcuts() {
 		return { "Mod-,": () => this.editor.commands.toggleSubscript() };
 	}
-}), Gq = Bx.create({
+}), $q = Bx.create({
 	name: "textAlign",
 	addOptions() {
 		return {
@@ -39817,7 +39884,7 @@ var Uq = Mx.create({
 			"Mod-Shift-j": () => this.editor.commands.setTextAlign("justify")
 		};
 	}
-}), Kq = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/, qq = gS.create({
+}), eJ = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/, tJ = gS.create({
 	name: "image",
 	addOptions() {
 		return {
@@ -39910,7 +39977,7 @@ var Uq = Mx.create({
 	},
 	addInputRules() {
 		return [nS({
-			find: Kq,
+			find: eJ,
 			type: this.type,
 			getAttributes: (e) => {
 				let [, , t, n, r] = e;
@@ -39922,17 +39989,17 @@ var Uq = Mx.create({
 			}
 		})];
 	}
-}), Jq = Vq, Yq = {
+}), nJ = Gq, rJ = {
 	position: "bottom",
 	alignment: "left",
 	alwaysVisible: !1,
 	showDone: !0,
 	doneOn: "blur"
-}, Xq = {
+}, iJ = {
 	options: {},
 	respAreaToolbar: () => {},
 	onHandleAreaChange: () => {}
-}, Zq = [
+}, aJ = [
 	"bold",
 	"italic",
 	"underline",
@@ -39954,7 +40021,7 @@ var Uq = Mx.create({
 	"h3",
 	"undo",
 	"redo"
-], Qq = {
+], oJ = {
 	"--white": "#fff",
 	"--black": "#2e2b29",
 	"--black-contrast": "#110f0e",
@@ -39973,14 +40040,18 @@ var Uq = Mx.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)"
-}, $q = (e) => {
+}, sJ = (e) => ({
+	spellcheck: e ? "true" : "false",
+	autocorrect: e ? "on" : "off",
+	autocapitalize: e ? "on" : "off"
+}), cJ = (e) => {
 	let { showParagraphs: t, separateParagraphs: n } = e.pluginProps || {}, [r, i] = Ht([]), [a, o] = Ht(!1), { toolbarOpts: s } = e, c = Ft((e) => {
 		i((t) => {
 			let n = t.filter((t) => t.pos !== e);
 			return n.length === 0 && o(!1), n;
 		});
 	}, [i]), l = {
-		...Yq,
+		...rJ,
 		...s
 	}, u = Ft((t) => {
 		let n = t.getHTML();
@@ -39991,13 +40062,13 @@ var Uq = Mx.create({
 		e.onDone,
 		l.doneOn
 	]), d = Bt(() => ({
-		...Xq,
+		...iJ,
 		...e.responseAreaProps,
 		onInlineDropdownToolbarClose: u
 	}), [e.responseAreaProps, u]), f = Bt(() => {
 		let { customPlugins: t, ...n } = e.pluginProps || {};
 		t ||= [];
-		let r = (e.activePlugins || Zq)?.filter((e) => {
+		let r = (e.activePlugins || aJ)?.filter((e) => {
 			let t = Rc[e] || e, r = n[t] || {};
 			return !r || !r.disabled;
 		});
@@ -40015,103 +40086,112 @@ var Uq = Mx.create({
 			setKeypadInteraction: {},
 			media: {}
 		});
-	}, [e, d.type]), p = SA({
-		extensions: [
-			Gq.configure({
-				types: [
-					"heading",
-					"paragraph",
-					"div",
-					"headingParagraph",
-					"h1",
-					"h2",
-					"h3",
-					"h4",
-					"h5",
-					"h6",
-					"td",
-					"th"
-				],
-				alignments: [
-					"left",
-					"right",
-					"center",
-					"justify"
-				]
-			}),
-			Eq,
-			Dq.configure({ limit: e.charactersLimit || 1e6 }),
-			gq.configure({ trailingNode: {
+	}, [e, d.type]), p = [
+		$q.configure({
+			types: [
+				"heading",
+				"paragraph",
+				"div",
+				"headingParagraph",
+				"h1",
+				"h2",
+				"h3",
+				"h4",
+				"h5",
+				"h6",
+				"td",
+				"th"
+			],
+			alignments: [
+				"left",
+				"right",
+				"center",
+				"justify"
+			]
+		}),
+		Eq,
+		Dq.configure({ limit: e.charactersLimit || 1e6 }),
+		gq.configure({
+			trailingNode: {
 				node: "paragraph",
 				notAfter: ["paragraph", "div"]
-			} }),
-			bR,
-			JO,
-			xR,
-			YO,
-			XO,
-			Jq.configure({
-				placeholder: e.placeholder,
-				showOnlyWhenEditable: !0,
-				showOnlyCurrent: !1,
-				includeChildren: !0
-			}),
-			WO,
-			OO,
-			qO,
-			KO,
-			iI.configure(d),
-			aI.configure(d),
-			sI.configure(d),
-			cI.configure(d),
-			oI.configure(d),
-			GI.configure({
-				toolbarOpts: l,
-				math: e.pluginProps?.math || {}
-			}),
-			Wq,
-			Uq,
-			qq,
-			fL.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 = Ot(() => {
-								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
-			}),
-			NL.configure({ uploadSoundSupport: e.uploadSoundSupport }),
-			zL.configure({ extraCSSRules: e.extraCSSRules })
-		],
+			},
+			link: {
+				autolink: !1,
+				linkOnPaste: !1
+			}
+		}),
+		bR,
+		JO,
+		xR,
+		YO,
+		XO,
+		nJ.configure({
+			placeholder: e.placeholder,
+			showOnlyWhenEditable: !0,
+			showOnlyCurrent: !1,
+			includeChildren: !0
+		}),
+		WO,
+		OO,
+		qO,
+		KO,
+		iI.configure(d),
+		aI.configure(d),
+		sI.configure(d),
+		cI.configure(d),
+		oI.configure(d),
+		GI.configure({
+			toolbarOpts: l,
+			math: e.pluginProps?.math || {}
+		}),
+		Qq,
+		Zq,
+		tJ,
+		fL.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 = Ot(() => {
+							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
+		}),
+		NL.configure({ uploadSoundSupport: e.uploadSoundSupport }),
+		zL.configure({ extraCSSRules: e.extraCSSRules })
+	], m = e.spellCheck !== !1, h = SA({
+		extensions: p,
 		immediatelyRender: !1,
-		editorProps: { handleKeyDown(t, n) {
-			return e.onKeyDown ? e.onKeyDown(n) : !1;
-		} },
+		editorProps: {
+			attributes: sJ(m),
+			handleKeyDown(t, n) {
+				return e.onKeyDown ? e.onKeyDown(n) : !1;
+			}
+		},
 		editable: !e.disabled,
 		content: Uc(e.markup),
 		onUpdate: ({ editor: t, transaction: n }) => {
@@ -40122,22 +40202,29 @@ var Uq = Mx.create({
 		}
 	}, [e.charactersLimit]);
 	Rt(() => {
-		e.editorRef && e.editorRef(p);
-	}, [e.editorRef, p]), Rt(() => {
-		p?.setEditable(!e.disabled);
-	}, [e.disabled, p]), Rt(() => {
-		if (!p) return;
+		e.editorRef && e.editorRef(h);
+	}, [e.editorRef, h]), Rt(() => {
+		h?.setEditable(!e.disabled);
+	}, [e.disabled, h]), Rt(() => {
+		if (!h) return;
+		let e = h.options?.editorProps, t = sJ(m);
+		e?.attributes?.spellcheck !== t.spellcheck && h.setOptions({ editorProps: {
+			...e,
+			attributes: t
+		} });
+	}, [m, h]), Rt(() => {
+		if (!h) return;
 		let t = Uc(e.markup);
-		t !== p.getHTML() && p.commands.setContent(t, { emitUpdate: !1 });
-	}, [e.markup, p]), Rt(() => {
-		Object.entries(Qq).forEach(([e, t]) => {
+		t !== h.getHTML() && h.commands.setContent(t, { emitUpdate: !1 });
+	}, [e.markup, h]), Rt(() => {
+		Object.entries(oJ).forEach(([e, t]) => {
 			document.documentElement.style.setProperty(e, t);
 		});
 	}, []);
-	let m = vA({
-		editor: p,
+	let g = vA({
+		editor: h,
 		selector: (e) => ({ isFocused: e.editor?.isFocused })
-	}), h = Bt(() => {
+	}), _ = Bt(() => {
 		let { minWidth: t, width: n, maxWidth: r, minHeight: i, height: a, maxHeight: o } = e;
 		return {
 			width: SR(n),
@@ -40152,20 +40239,20 @@ var Uq = Mx.create({
 		...e,
 		activePlugins: f,
 		toolbarOpts: l,
-		editorState: m,
-		editor: p,
-		children: p && /* @__PURE__ */ P(eJ, {
+		editorState: g,
+		editor: h,
+		children: h && /* @__PURE__ */ P(lJ, {
 			style: {
-				minHeight: h.minHeight,
-				height: h.height,
-				maxHeight: h.maxHeight
+				minHeight: _.minHeight,
+				height: _.height,
+				maxHeight: _.maxHeight
 			},
 			showParagraph: t && !t.disabled,
 			separateParagraph: n && !n.disabled,
-			editor: p
+			editor: h
 		})
 	});
-}, eJ = j(hA, { shouldForwardProp: (e) => !["showParagraph", "separateParagraph"].includes(e) })(({ showParagraph: e, separateParagraph: t }) => ({
+}, lJ = j(hA, { shouldForwardProp: (e) => !["showParagraph", "separateParagraph"].includes(e) })(({ showParagraph: e, separateParagraph: t }) => ({
 	display: "flex",
 	outline: "none !important",
 	"& .ProseMirror": {
@@ -40193,26 +40280,26 @@ var Uq = Mx.create({
 		} },
 		...t && { "& > p:has(+ p)": { marginBottom: "1em" } }
 	}
-})), tJ = $q;
+})), uJ = cJ;
 //#endregion
 //#region ../../lib-react/config-ui/dist/feedback-config/feedback-selector.js
-function nJ(e) {
+function dJ(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function rJ(e, t) {
-	return !e || nJ(e) ? e : nJ(e.default) ? e.default : t && nJ(e[t]) ? e[t] : t && nJ(e[t]?.default) ? e[t].default : e;
+function fJ(e, t) {
+	return !e || dJ(e) ? e : dJ(e.default) ? e.default : t && dJ(e[t]) ? e[t] : t && dJ(e[t]?.default) ? e[t].default : e;
 }
-var iJ = rJ(re, "InputContainer") || rJ(sJ.InputContainer, "InputContainer"), aJ = Ce, oJ = aJ.default, sJ = oJ && typeof oJ == "object" ? oJ : aJ, cJ = j(tJ)(({ theme: e }) => ({ fontFamily: e.typography.fontFamily })), lJ = {
+var pJ = fJ(re, "InputContainer") || fJ(gJ.InputContainer, "InputContainer"), mJ = Ce, hJ = mJ.default, gJ = hJ && typeof hJ == "object" ? hJ : mJ, _J = j(uJ)(({ theme: e }) => ({ fontFamily: e.typography.fontFamily })), vJ = {
 	default: "Simple Feedback",
 	none: "No Feedback",
 	custom: "Customized Feedback"
-}, uJ = j("div")(({ theme: e }) => ({ marginBottom: e.spacing(1) })), dJ = j(iJ)(() => ({ paddingBottom: 0 })), fJ = j("div")(({ theme: e }) => ({
+}, yJ = j("div")(({ theme: e }) => ({ marginBottom: e.spacing(1) })), bJ = j(pJ)(() => ({ paddingBottom: 0 })), xJ = j("div")(({ theme: e }) => ({
 	marginTop: "0px",
 	background: k.backgroundDark(),
 	padding: 0,
 	marginBottom: e.spacing(2),
 	borderRadius: "4px"
-})), pJ = j("div")(({ theme: e }) => ({
+})), SJ = j("div")(({ theme: e }) => ({
 	marginTop: "0px",
 	background: k.backgroundDark(),
 	padding: e.spacing(2),
@@ -40220,7 +40307,7 @@ var iJ = rJ(re, "InputContainer") || rJ(sJ.InputContainer, "InputContainer"), aJ
 	borderRadius: "4px",
 	fontFamily: e.typography.fontFamily,
 	cursor: "default"
-})), mJ = j(Pc)(({ theme: e }) => ({ paddingTop: e.spacing(1) })), hJ = {
+})), CJ = j(Pc)(({ theme: e }) => ({ paddingTop: e.spacing(1) })), wJ = {
 	type: I.default.oneOf([
 		"default",
 		"custom",
@@ -40228,11 +40315,11 @@ var iJ = rJ(re, "InputContainer") || rJ(sJ.InputContainer, "InputContainer"), aJ
 	]),
 	default: I.default.string,
 	custom: I.default.string
-}, gJ = class extends N.Component {
+}, TJ = class extends N.Component {
 	static propTypes = {
 		keys: I.default.arrayOf(I.default.string),
 		label: I.default.string.isRequired,
-		feedback: I.default.shape(hJ).isRequired,
+		feedback: I.default.shape(wJ).isRequired,
 		onChange: I.default.func.isRequired,
 		toolbarOpts: I.default.object,
 		mathMlOptions: I.default.object
@@ -40254,36 +40341,36 @@ var iJ = rJ(re, "InputContainer") || rJ(sJ.InputContainer, "InputContainer"), aJ
 	};
 	render() {
 		let { keys: e, label: t, feedback: n, toolbarOpts: r, mathMlOptions: i = {} } = this.props;
-		return /* @__PURE__ */ F(uJ, { children: [
-			/* @__PURE__ */ P(dJ, {
+		return /* @__PURE__ */ F(yJ, { children: [
+			/* @__PURE__ */ P(bJ, {
 				label: t,
 				extraClasses: { label: { transform: "translateY(-20%)" } },
-				children: /* @__PURE__ */ P(mJ, {
-					keys: e || Object.keys(lJ),
+				children: /* @__PURE__ */ P(CJ, {
+					keys: e || Object.keys(vJ),
 					label: t,
 					value: n.type,
 					onChange: this.changeType,
-					feedbackLabels: lJ
+					feedbackLabels: vJ
 				})
 			}),
-			n.type === "custom" && /* @__PURE__ */ P(fJ, { children: /* @__PURE__ */ P(cJ, {
+			n.type === "custom" && /* @__PURE__ */ P(xJ, { children: /* @__PURE__ */ P(_J, {
 				onChange: this.changeCustom,
 				markup: n.custom || "",
 				toolbarOpts: r,
 				languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 				mathMlOptions: i
 			}) }),
-			n.type === "default" && /* @__PURE__ */ F(pJ, { children: [" ", n.default] })
+			n.type === "default" && /* @__PURE__ */ F(SJ, { children: [" ", n.default] })
 		] });
 	}
-}, _J = Ve(/*#__PURE__*/ P("path", { d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z" }), "ExpandMore"), vJ = j("div")(() => ({
+}, EJ = Ve(/*#__PURE__*/ P("path", { d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z" }), "ExpandMore"), DJ = j("div")(() => ({
 	display: "flex",
 	flex: 1,
 	flexDirection: "column"
-})), yJ = j(dn)(() => ({
+})), OJ = j(dn)(() => ({
 	paddingTop: 0,
 	paddingBottom: 0
-})), bJ = (e) => xt({}, {
+})), kJ = (e) => xt({}, {
 	correct: {
 		type: "default",
 		default: "Correct"
@@ -40296,21 +40383,21 @@ var iJ = rJ(re, "InputContainer") || rJ(sJ.InputContainer, "InputContainer"), aJ
 		type: "default",
 		default: "Nearly"
 	}
-}, e), xJ = class extends N.Component {
+}, e), AJ = class extends N.Component {
 	static propTypes = {
 		allowPartial: I.default.bool,
 		className: I.default.string,
 		feedback: I.default.shape({
-			correct: I.default.shape(hJ),
-			incorrect: I.default.shape(hJ),
-			partial: I.default.shape(hJ)
+			correct: I.default.shape(wJ),
+			incorrect: I.default.shape(wJ),
+			partial: I.default.shape(wJ)
 		}),
 		onChange: I.default.func.isRequired,
 		toolbarOpts: I.default.object
 	};
 	static defaultProps = {
 		allowPartial: !0,
-		feedback: bJ()
+		feedback: kJ()
 	};
 	onChange(e, t) {
 		let { feedback: n, onChange: r } = this.props;
@@ -40332,22 +40419,22 @@ var iJ = rJ(re, "InputContainer") || rJ(sJ.InputContainer, "InputContainer"), aJ
 					exit: 195
 				} } },
 				children: [/* @__PURE__ */ P(vn, {
-					expandIcon: /* @__PURE__ */ P(_J, {}),
+					expandIcon: /* @__PURE__ */ P(EJ, {}),
 					children: /* @__PURE__ */ P(me, { children: "Feedback" })
-				}), /* @__PURE__ */ P(yJ, { children: /* @__PURE__ */ F(vJ, { children: [
-					/* @__PURE__ */ P(gJ, {
+				}), /* @__PURE__ */ P(OJ, { children: /* @__PURE__ */ F(DJ, { children: [
+					/* @__PURE__ */ P(TJ, {
 						label: "If correct, show",
 						feedback: n.correct,
 						onChange: this.onCorrectChange,
 						toolbarOpts: r
 					}),
-					t && /* @__PURE__ */ P(gJ, {
+					t && /* @__PURE__ */ P(TJ, {
 						label: "If partially correct, show",
 						feedback: n.partial,
 						onChange: this.onPartialChange,
 						toolbarOpts: r
 					}),
-					/* @__PURE__ */ P(gJ, {
+					/* @__PURE__ */ P(TJ, {
 						label: "If incorrect, show",
 						feedback: n.incorrect,
 						onChange: this.onIncorrectChange,
@@ -40357,7 +40444,7 @@ var iJ = rJ(re, "InputContainer") || rJ(sJ.InputContainer, "InputContainer"), aJ
 			})
 		});
 	}
-}, SJ = j(Qs)(() => ({})), CJ = class extends N.Component {
+}, jJ = j(Qs)(() => ({})), MJ = class extends N.Component {
 	static propTypes = {
 		className: I.default.string,
 		contentClassName: I.default.string,
@@ -40378,7 +40465,7 @@ var iJ = rJ(re, "InputContainer") || rJ(sJ.InputContainer, "InputContainer"), aJ
 				indicatorColor: "primary",
 				value: e,
 				onChange: this.handleChange,
-				children: N.Children.map(t, (e, t) => e && e.props.title ? /* @__PURE__ */ P(SJ, { label: e.props.title }, t) : null)
+				children: N.Children.map(t, (e, t) => e && e.props.title ? /* @__PURE__ */ P(jJ, { label: e.props.title }, t) : null)
 			}), /* @__PURE__ */ P("div", {
 				className: r,
 				style: i,
@@ -40386,7 +40473,7 @@ var iJ = rJ(re, "InputContainer") || rJ(sJ.InputContainer, "InputContainer"), aJ
 			})]
 		});
 	}
-}, wJ = j(Oa)(({ theme: e, mini: t }) => ({
+}, NJ = j(Oa)(({ theme: e, mini: t }) => ({
 	margin: 0,
 	marginLeft: 0,
 	padding: 0,
@@ -40400,7 +40487,7 @@ var iJ = rJ(re, "InputContainer") || rJ(sJ.InputContainer, "InputContainer"), aJ
 			fontSize: e.typography.fontSize - 3
 		}
 	}
-})), TJ = j(_a)(({ theme: e, mini: t, error: n }) => ({
+})), PJ = j(_a)(({ theme: e, mini: t, error: n }) => ({
 	color: `${k.tertiary()} !important`,
 	...t && {
 		margin: 0,
@@ -40409,9 +40496,9 @@ var iJ = rJ(re, "InputContainer") || rJ(sJ.InputContainer, "InputContainer"), aJ
 		height: e.spacing(3)
 	},
 	...n && { color: `${e.palette.error.main} !important` }
-})), EJ = ({ mini: e, checked: t, onChange: n, value: r, label: i, error: a }) => /* @__PURE__ */ P(wJ, {
+})), FJ = ({ mini: e, checked: t, onChange: n, value: r, label: i, error: a }) => /* @__PURE__ */ P(NJ, {
 	mini: e,
-	control: /* @__PURE__ */ P(TJ, {
+	control: /* @__PURE__ */ P(PJ, {
 		checked: t,
 		onChange: n,
 		value: r,
@@ -40420,21 +40507,21 @@ var iJ = rJ(re, "InputContainer") || rJ(sJ.InputContainer, "InputContainer"), aJ
 	}),
 	label: i
 });
-EJ.propTypes = {
+FJ.propTypes = {
 	mini: I.default.bool,
 	checked: I.default.bool.isRequired,
 	onChange: I.default.func.isRequired,
 	value: I.default.string,
 	label: I.default.string.isRequired,
 	error: I.default.bool
-}, EJ.defaultProps = {
+}, FJ.defaultProps = {
 	value: "",
 	mini: !1,
 	error: !1
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/number-text-field.js
-var DJ = (0, Fc.default)("@pie-lib:config-ui:number-text-field"), OJ = j(Dc)(({ theme: e }) => ({
+var IJ = (0, Fc.default)("@pie-lib:config-ui:number-text-field"), LJ = j(Dc)(({ theme: e }) => ({
 	marginRight: e.spacing(1),
 	"& .MuiInputLabel-root": {
 		width: "auto",
@@ -40456,11 +40543,11 @@ var DJ = (0, Fc.default)("@pie-lib:config-ui:number-text-field"), OJ = j(Dc)(({
 		minHeight: "auto",
 		padding: "6px 0 7px"
 	}
-})), kJ = (e, t) => {
+})), RJ = (e, t) => {
 	if (!ht(e) && !ht(t)) return 0;
 	if (!ht(e) && ht(t)) return t;
 	if (ht(e)) return e;
-}, AJ = class extends N.Component {
+}, zJ = class extends N.Component {
 	static propTypes = {
 		disabled: I.default.bool,
 		className: I.default.string,
@@ -40486,13 +40573,13 @@ var DJ = (0, Fc.default)("@pie-lib:config-ui:number-text-field"), OJ = j(Dc)(({
 		this.setState({ value: t });
 	}
 	clamp(e, t = this.props.min, n = this.props.max) {
-		return ht(e) ? (ht(n) && (e = Math.min(e, n)), ht(t) && (e = Math.max(e, t)), e) : kJ(t, n);
+		return ht(e) ? (ht(n) && (e = Math.min(e, n)), ht(t) && (e = Math.max(e, t)), e) : RJ(t, n);
 	}
 	onBlur = (e) => {
 		let t = e.target.value, n = parseFloat(t);
-		DJ("rawNumber: ", n);
+		IJ("rawNumber: ", n);
 		let r = this.clamp(n);
-		DJ("number: ", r), r !== this.state.value && (DJ("trigger update..."), this.setState({ value: r.toString() }, () => {
+		IJ("number: ", r), r !== this.state.value && (IJ("trigger update..."), this.setState({ value: r.toString() }, () => {
 			this.props.onChange(e, r);
 		}));
 	};
@@ -40512,7 +40599,7 @@ var DJ = (0, Fc.default)("@pie-lib:config-ui:number-text-field"), OJ = j(Dc)(({
 	};
 	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__ */ P(OJ, {
+		return /* @__PURE__ */ P(LJ, {
 			variant: s ? "filled" : l || "standard",
 			inputRef: (e) => {
 				this.inputRef = e;
@@ -40547,19 +40634,19 @@ var DJ = (0, Fc.default)("@pie-lib:config-ui:number-text-field"), OJ = j(Dc)(({
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/two-choice.js
-function jJ(e) {
+function BJ(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function MJ(e, t) {
-	return !e || jJ(e) ? e : jJ(e.default) ? e.default : t && jJ(e[t]) ? e[t] : t && jJ(e[t]?.default) ? e[t].default : e;
+function VJ(e, t) {
+	return !e || BJ(e) ? e : BJ(e.default) ? e.default : t && BJ(e[t]) ? e[t] : t && BJ(e[t]?.default) ? e[t].default : e;
 }
-var NJ = MJ(re, "InputContainer") || MJ(IJ.InputContainer, "InputContainer"), PJ = Ce, FJ = PJ.default, IJ = FJ && typeof FJ == "object" ? FJ : PJ, LJ = j("div")(({ theme: e, direction: t }) => ({
+var HJ = VJ(re, "InputContainer") || VJ(GJ.InputContainer, "InputContainer"), UJ = Ce, WJ = UJ.default, GJ = WJ && typeof WJ == "object" ? WJ : UJ, KJ = j("div")(({ theme: e, direction: t }) => ({
 	display: "flex",
 	flexWrap: "wrap",
 	paddingLeft: 0,
 	marginTop: e.spacing(1),
 	...t === "vertical" && { flexDirection: "column" }
-})), RJ = class extends N.Component {
+})), qJ = class extends N.Component {
 	static propTypes = {
 		header: I.default.string.isRequired,
 		className: I.default.string,
@@ -40577,10 +40664,10 @@ var NJ = MJ(re, "InputContainer") || MJ(IJ.InputContainer, "InputContainer"), PJ
 			label: e,
 			value: e
 		} : e), s = n || Ac;
-		return /* @__PURE__ */ P(NJ, {
+		return /* @__PURE__ */ P(HJ, {
 			label: e,
 			className: t,
-			children: /* @__PURE__ */ P(LJ, {
+			children: /* @__PURE__ */ P(KJ, {
 				direction: a,
 				children: o.map((e, t) => /* @__PURE__ */ P(s, {
 					value: e.value,
@@ -40591,7 +40678,7 @@ var NJ = MJ(re, "InputContainer") || MJ(IJ.InputContainer, "InputContainer"), PJ
 			})
 		});
 	}
-}, zJ = I.default.shape({
+}, JJ = I.default.shape({
 	label: I.default.string,
 	value: I.default.string
 });
@@ -40600,14 +40687,14 @@ var NJ = MJ(re, "InputContainer") || MJ(IJ.InputContainer, "InputContainer"), PJ
 		header: I.default.string.isRequired,
 		value: I.default.string.isRequired,
 		onChange: I.default.func.isRequired,
-		one: I.default.oneOfType([zJ, I.default.string]),
-		two: I.default.oneOfType([zJ, I.default.string]),
+		one: I.default.oneOfType([JJ, I.default.string]),
+		two: I.default.oneOfType([JJ, I.default.string]),
 		className: I.default.string,
 		customLabel: I.default.func
 	};
 	render() {
 		let { one: e, two: t, header: n, className: r, customLabel: i, value: a, onChange: o } = this.props;
-		return /* @__PURE__ */ P(RJ, {
+		return /* @__PURE__ */ P(qJ, {
 			customLabel: i,
 			header: n,
 			className: r,
@@ -40619,21 +40706,21 @@ var NJ = MJ(re, "InputContainer") || MJ(IJ.InputContainer, "InputContainer"), PJ
 });
 //#endregion
 //#region ../../lib-react/config-ui/dist/_virtual/_rolldown/runtime.js
-var BJ = Object.defineProperty, VJ = (e, t) => {
+var YJ = Object.defineProperty, XJ = (e, t) => {
 	let n = {};
-	for (var r in e) BJ(n, r, {
+	for (var r in e) YJ(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || BJ(n, Symbol.toStringTag, { value: "Module" }), n;
-}, HJ = j("div")(() => ({
+	return t || YJ(n, Symbol.toStringTag, { value: "Module" }), n;
+}, ZJ = j("div")(() => ({
 	display: "flex",
 	flexDirection: "column",
 	position: "relative"
-})), UJ = j("div")(() => ({
+})), QJ = j("div")(() => ({
 	display: "flex",
 	justifyContent: "space-between"
-})), WJ = j("div")(({ theme: e }) => ({ padding: `${e.spacing(2)} 0` })), GJ = j("div")(() => ({ flex: "1" })), KJ = j("div")(({ theme: e }) => ({ marginLeft: e.spacing(2) })), qJ = class extends N.Component {
+})), $J = j("div")(({ theme: e }) => ({ padding: `${e.spacing(2)} 0` })), eY = j("div")(() => ({ flex: "1" })), tY = j("div")(({ theme: e }) => ({ marginLeft: e.spacing(2) })), nY = class extends N.Component {
 	static propTypes = {
 		mode: I.default.oneOf(["tabbed", "inline"]),
 		secondary: I.default.oneOfType([I.default.arrayOf(I.default.node), I.default.node]),
@@ -40651,7 +40738,7 @@ var BJ = Object.defineProperty, VJ = (e, t) => {
 		} catch (e) {
 			console.log(e.toString());
 		}
-		return /* @__PURE__ */ F(HJ, {
+		return /* @__PURE__ */ F(ZJ, {
 			style: {
 				minHeight: i,
 				minWidth: a,
@@ -40659,28 +40746,28 @@ var BJ = Object.defineProperty, VJ = (e, t) => {
 				maxWidth: s
 			},
 			children: [
-				e === "inline" && /* @__PURE__ */ F(UJ, { children: [/* @__PURE__ */ P(GJ, {
+				e === "inline" && /* @__PURE__ */ F(QJ, { children: [/* @__PURE__ */ P(eY, {
 					className: "design-container",
 					children: n
-				}), l && /* @__PURE__ */ P(KJ, {
+				}), l && /* @__PURE__ */ P(tY, {
 					className: "settings-container",
 					children: t
 				})] }),
-				e === "tabbed" && l && /* @__PURE__ */ F(CJ, {
+				e === "tabbed" && l && /* @__PURE__ */ F(MJ, {
 					onChange: this.onTabsChange,
 					contentClassName: "content-container",
 					indicatorColor: "primary",
-					children: [/* @__PURE__ */ P(WJ, {
+					children: [/* @__PURE__ */ P($J, {
 						title: "Design",
 						className: "design-container",
 						children: n
-					}), /* @__PURE__ */ P(WJ, {
+					}), /* @__PURE__ */ P($J, {
 						title: "Settings",
 						className: "settings-container",
 						children: t
 					})]
 				}),
-				e === "tabbed" && !l && /* @__PURE__ */ P(WJ, {
+				e === "tabbed" && !l && /* @__PURE__ */ P($J, {
 					className: "design-container",
 					children: n
 				})
@@ -40690,18 +40777,18 @@ var BJ = Object.defineProperty, VJ = (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 JJ() {
-	return JJ = Object.assign ? Object.assign.bind() : function(e) {
+function rY() {
+	return rY = 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;
-	}, JJ.apply(null, arguments);
+	}, rY.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 YJ(e, t) {
+function iY(e, t) {
 	if (e == null) return {};
 	var n = {};
 	for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
@@ -40712,19 +40799,19 @@ function YJ(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 XJ(e, t) {
-	return XJ = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+function aY(e, t) {
+	return aY = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
 		return e.__proto__ = t, e;
-	}, XJ(e, t);
+	}, aY(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 ZJ(e, t) {
-	e.prototype = Object.create(t.prototype), e.prototype.constructor = e, XJ(e, t);
+function oY(e, t) {
+	e.prototype = Object.create(t.prototype), e.prototype.constructor = e, aY(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 QJ = (function() {
+var sY = (function() {
 	if (typeof Map < "u") return Map;
 	function e(e, t) {
 		var n = -1;
@@ -40763,34 +40850,34 @@ var QJ = (function() {
 			}
 		}, t;
 	}();
-})(), $J = typeof window < "u" && typeof document < "u" && window.document === document, eY = (function() {
+})(), cY = typeof window < "u" && typeof document < "u" && window.document === document, lY = (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")();
-})(), tY = (function() {
-	return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(eY) : function(e) {
+})(), uY = (function() {
+	return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(lY) : function(e) {
 		return setTimeout(function() {
 			return e(Date.now());
 		}, 1e3 / 60);
 	};
-})(), nY = 2;
-function rY(e, t) {
+})(), dY = 2;
+function fY(e, t) {
 	var n = !1, r = !1, i = 0;
 	function a() {
 		n && (n = !1, e()), r && s();
 	}
 	function o() {
-		tY(a);
+		uY(a);
 	}
 	function s() {
 		var e = Date.now();
 		if (n) {
-			if (e - i < nY) return;
+			if (e - i < dY) return;
 			r = !0;
 		} else n = !0, r = !1, setTimeout(o, t);
 		i = e;
 	}
 	return s;
 }
-var iY = 20, aY = [
+var pY = 20, mY = [
 	"top",
 	"right",
 	"bottom",
@@ -40799,9 +40886,9 @@ var iY = 20, aY = [
 	"height",
 	"size",
 	"weight"
-], oY = typeof MutationObserver < "u", sY = function() {
+], hY = typeof MutationObserver < "u", gY = function() {
 	function e() {
-		this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = rY(this.refresh.bind(this), iY);
+		this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = fY(this.refresh.bind(this), pY);
 	}
 	return e.prototype.addObserver = function(e) {
 		~this.observers_.indexOf(e) || this.observers_.push(e), this.connected_ || this.connect_();
@@ -40818,23 +40905,23 @@ var iY = 20, aY = [
 			return e.broadcastActive();
 		}), e.length > 0;
 	}, e.prototype.connect_ = function() {
-		!$J || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), oY ? (this.mutationsObserver_ = new MutationObserver(this.refresh), this.mutationsObserver_.observe(document, {
+		!cY || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), hY ? (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() {
-		!$J || !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);
+		!cY || !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;
-		aY.some(function(e) {
+		mY.some(function(e) {
 			return !!~n.indexOf(e);
 		}) && this.refresh();
 	}, e.getInstance = function() {
 		return this.instance_ ||= new e(), this.instance_;
 	}, e.instance_ = null, e;
-}(), cY = (function(e, t) {
+}(), _Y = (function(e, t) {
 	for (var n = 0, r = Object.keys(t); n < r.length; n++) {
 		var i = r[n];
 		Object.defineProperty(e, i, {
@@ -40845,19 +40932,19 @@ var iY = 20, aY = [
 		});
 	}
 	return e;
-}), lY = (function(e) {
-	return e && e.ownerDocument && e.ownerDocument.defaultView || eY;
-}), uY = bY(0, 0, 0, 0);
-function dY(e) {
+}), vY = (function(e) {
+	return e && e.ownerDocument && e.ownerDocument.defaultView || lY;
+}), yY = kY(0, 0, 0, 0);
+function bY(e) {
 	return parseFloat(e) || 0;
 }
-function fY(e) {
+function xY(e) {
 	return [...arguments].slice(1).reduce(function(t, n) {
 		var r = e["border-" + n + "-width"];
-		return t + dY(r);
+		return t + bY(r);
 	}, 0);
 }
-function pY(e) {
+function SY(e) {
 	for (var t = [
 		"top",
 		"right",
@@ -40865,40 +40952,40 @@ function pY(e) {
 		"left"
 	], n = {}, r = 0, i = t; r < i.length; r++) {
 		var a = i[r], o = e["padding-" + a];
-		n[a] = dY(o);
+		n[a] = bY(o);
 	}
 	return n;
 }
-function mY(e) {
+function CY(e) {
 	var t = e.getBBox();
-	return bY(0, 0, t.width, t.height);
+	return kY(0, 0, t.width, t.height);
 }
-function hY(e) {
+function wY(e) {
 	var t = e.clientWidth, n = e.clientHeight;
-	if (!t && !n) return uY;
-	var r = lY(e).getComputedStyle(e), i = pY(r), a = i.left + i.right, o = i.top + i.bottom, s = dY(r.width), c = dY(r.height);
-	if (r.boxSizing === "border-box" && (Math.round(s + a) !== t && (s -= fY(r, "left", "right") + a), Math.round(c + o) !== n && (c -= fY(r, "top", "bottom") + o)), !_Y(e)) {
+	if (!t && !n) return yY;
+	var r = vY(e).getComputedStyle(e), i = SY(r), a = i.left + i.right, o = i.top + i.bottom, s = bY(r.width), c = bY(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)), !EY(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 bY(i.left, i.top, s, c);
+	return kY(i.left, i.top, s, c);
 }
-var gY = (function() {
+var TY = (function() {
 	return typeof SVGGraphicsElement < "u" ? function(e) {
-		return e instanceof lY(e).SVGGraphicsElement;
+		return e instanceof vY(e).SVGGraphicsElement;
 	} : function(e) {
-		return e instanceof lY(e).SVGElement && typeof e.getBBox == "function";
+		return e instanceof vY(e).SVGElement && typeof e.getBBox == "function";
 	};
 })();
-function _Y(e) {
-	return e === lY(e).document.documentElement;
+function EY(e) {
+	return e === vY(e).document.documentElement;
 }
-function vY(e) {
-	return $J ? gY(e) ? mY(e) : hY(e) : uY;
+function DY(e) {
+	return cY ? TY(e) ? CY(e) : wY(e) : yY;
 }
-function yY(e) {
+function OY(e) {
 	var t = e.x, n = e.y, r = e.width, i = e.height, a = Object.create((typeof DOMRectReadOnly < "u" ? DOMRectReadOnly : Object).prototype);
-	return cY(a, {
+	return _Y(a, {
 		x: t,
 		y: n,
 		width: r,
@@ -40909,7 +40996,7 @@ function yY(e) {
 		left: t
 	}), a;
 }
-function bY(e, t, n, r) {
+function kY(e, t, n, r) {
 	return {
 		x: e,
 		y: t,
@@ -40917,42 +41004,42 @@ function bY(e, t, n, r) {
 		height: r
 	};
 }
-var xY = function() {
+var AY = function() {
 	function e(e) {
-		this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = bY(0, 0, 0, 0), this.target = e;
+		this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = kY(0, 0, 0, 0), this.target = e;
 	}
 	return e.prototype.isActive = function() {
-		var e = vY(this.target);
+		var e = DY(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;
-}(), SY = function() {
+}(), jY = function() {
 	function e(e, t) {
-		var n = yY(t);
-		cY(this, {
+		var n = OY(t);
+		_Y(this, {
 			target: e,
 			contentRect: n
 		});
 	}
 	return e;
-}(), CY = function() {
+}(), MY = function() {
 	function e(e, t, n) {
-		if (this.activeObservations_ = [], this.observations_ = new QJ(), typeof e != "function") throw TypeError("The callback provided as parameter 1 is not a function.");
+		if (this.activeObservations_ = [], this.observations_ = new sY(), 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 lY(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
+			if (!(e instanceof vY(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
 			var t = this.observations_;
-			t.has(e) || (t.set(e, new xY(e)), this.controller_.addObserver(this), this.controller_.refresh());
+			t.has(e) || (t.set(e, new AY(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 lY(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
+			if (!(e instanceof vY(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));
 		}
@@ -40966,7 +41053,7 @@ var xY = function() {
 	}, e.prototype.broadcastActive = function() {
 		if (this.hasActive()) {
 			var e = this.callbackCtx_, t = this.activeObservations_.map(function(e) {
-				return new SY(e.target, e.broadcastRect());
+				return new jY(e.target, e.broadcastRect());
 			});
 			this.callback_.call(e, t, e), this.clearActive();
 		}
@@ -40975,12 +41062,12 @@ var xY = function() {
 	}, e.prototype.hasActive = function() {
 		return this.activeObservations_.length > 0;
 	}, e;
-}(), wY = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new QJ(), TY = function() {
+}(), NY = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new sY(), PY = 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 CY(t, sY.getInstance(), this);
-		wY.set(this, n);
+		var n = new MY(t, gY.getInstance(), this);
+		NY.set(this, n);
 	}
 	return e;
 }();
@@ -40989,27 +41076,27 @@ var xY = function() {
 	"unobserve",
 	"disconnect"
 ].forEach(function(e) {
-	TY.prototype[e] = function() {
+	PY.prototype[e] = function() {
 		var t;
-		return (t = wY.get(this))[e].apply(t, arguments);
+		return (t = NY.get(this))[e].apply(t, arguments);
 	};
 });
-var EY = (function() {
-	return eY.ResizeObserver === void 0 ? TY : eY.ResizeObserver;
-})(), DY = [
+var FY = (function() {
+	return lY.ResizeObserver === void 0 ? PY : lY.ResizeObserver;
+})(), IY = [
 	"client",
 	"offset",
 	"scroll",
 	"bounds",
 	"margin"
 ];
-function OY(e) {
+function LY(e) {
 	var t = [];
-	return DY.forEach(function(n) {
+	return IY.forEach(function(n) {
 		e[n] && t.push(n);
 	}), t;
 }
-function kY(e, t) {
+function RY(e, t) {
 	var n = {};
 	if (t.indexOf("client") > -1 && (n.client = {
 		top: e.clientTop,
@@ -41048,14 +41135,14 @@ function kY(e, t) {
 	}
 	return n;
 }
-function AY(e) {
+function zY(e) {
 	return e && e.ownerDocument && e.ownerDocument.defaultView || window;
 }
-function jY(e) {
+function BY(e) {
 	return function(t) {
 		var n, r;
 		return r = n = /*#__PURE__*/ function(n) {
-			ZJ(r, n);
+			oY(r, n);
 			function r() {
 				var t, r = [...arguments];
 				return t = n.call.apply(n, [this].concat(r)) || this, t.state = { contentRect: {
@@ -41066,24 +41153,24 @@ function jY(e) {
 					bounds: {},
 					margin: {}
 				} }, t._animationFrameID = null, t._resizeObserver = null, t._node = null, t._window = null, t.measure = function(n) {
-					var r = kY(t._node, e || OY(t.props));
+					var r = RY(t._node, e || LY(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 = AY(t._node);
+					t._resizeObserver !== null && t._node !== null && t._resizeObserver.unobserve(t._node), t._node = e, t._window = zY(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 EY(this.measure), this._node !== null && (this._resizeObserver.observe(this._node), typeof this.props.onResize == "function" && this.props.onResize(kY(this._node, e || OY(this.props))));
+				this._resizeObserver = this._window !== null && this._window.ResizeObserver ? new this._window.ResizeObserver(this.measure) : new FY(this.measure), this._node !== null && (this._resizeObserver.observe(this._node), typeof this.props.onResize == "function" && this.props.onResize(RY(this._node, e || LY(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, jt(t, JJ({}, YJ(e, ["innerRef", "onResize"]), {
+				return e.innerRef, e.onResize, jt(t, rY({}, iY(e, ["innerRef", "onResize"]), {
 					measureRef: this._handleRef,
 					measure: this.measure,
 					contentRect: this.state.contentRect
@@ -41100,7 +41187,7 @@ function jY(e) {
 		}, r;
 	};
 }
-var MY = jY()(function(e) {
+var VY = BY()(function(e) {
 	var t = e.measure, n = e.measureRef, r = e.contentRect, i = e.children;
 	return i({
 		measure: t,
@@ -41108,10 +41195,10 @@ var MY = jY()(function(e) {
 		contentRect: r
 	});
 });
-MY.displayName = "Measure", MY.propTypes.children = I.default.func;
+VY.displayName = "Measure", VY.propTypes.children = I.default.func;
 //#endregion
 //#region ../../lib-react/config-ui/dist/layout/settings-box.js
-var NY = j("div")(() => ({
+var HY = j("div")(() => ({
 	backgroundColor: k.white(),
 	border: `2px solid ${k.border()}`,
 	display: "flex",
@@ -41121,7 +41208,7 @@ var NY = j("div")(() => ({
 	maxWidth: "300px",
 	padding: "20px 4px 4px 20px",
 	zIndex: 99
-})), PY = class extends N.Component {
+})), UY = class extends N.Component {
 	static propTypes = {
 		className: I.default.string,
 		children: I.default.oneOfType([I.default.arrayOf(I.default.node), I.default.node]).isRequired
@@ -41129,19 +41216,19 @@ var NY = j("div")(() => ({
 	static defaultProps = {};
 	render() {
 		let { className: e, children: t } = this.props;
-		return /* @__PURE__ */ P(NY, {
+		return /* @__PURE__ */ P(HY, {
 			className: e,
 			children: t
 		});
 	}
-}, FY = Ze({
+}, WY = Ze({
 	typography: { fontFamily: "inherit" },
 	components: { MuiButton: { styleOverrides: { contained: {
 		backgroundColor: "#e0e0e0",
 		color: "#000000",
 		"&:hover": { backgroundColor: "#bdbdbd" }
 	} } } }
-}), IY = class extends N.Component {
+}), GY = class extends N.Component {
 	static propTypes = {
 		children: I.default.oneOfType([
 			I.default.string,
@@ -41174,19 +41261,19 @@ var NY = j("div")(() => ({
 		return /* @__PURE__ */ P(w, {
 			injectFirst: !0,
 			children: /* @__PURE__ */ P(et, {
-				theme: FY,
-				children: /* @__PURE__ */ P(MY, {
+				theme: WY,
+				children: /* @__PURE__ */ P(VY, {
 					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__ */ P(PY, {
+						let { children: t, settings: n, hideSettings: r, dimensions: i, extraCSSRules: a } = this.props, { layoutMode: o } = this.state, s = r ? null : o === "inline" ? /* @__PURE__ */ P(UY, {
 							className: "settings-box",
 							children: n
 						}) : n;
 						return /* @__PURE__ */ F("div", {
 							ref: e,
 							className: "main-container extraCSSRules",
-							children: [a?.rules ? /* @__PURE__ */ P("style", { dangerouslySetInnerHTML: { __html: `.extraCSSRules { ${a.rules} }` } }) : null, /* @__PURE__ */ P(qJ, {
+							children: [a?.rules ? /* @__PURE__ */ P("style", { dangerouslySetInnerHTML: { __html: `.extraCSSRules { ${a.rules} }` } }) : null, /* @__PURE__ */ P(nY, {
 								mode: o,
 								secondary: s,
 								dimensions: i,
@@ -41198,36 +41285,36 @@ var NY = j("div")(() => ({
 			})
 		});
 	}
-}, LY = jY("bounds")(IY), RY = /* @__PURE__ */ VJ({
-	ConfigLayout: () => LY,
-	LayoutContents: () => qJ
-}), zY = /* @__PURE__ */ VJ({
-	firstAvailableIndex: () => VY,
-	normalizeChoices: () => BY
-}), BY = (e) => {
+}, KY = BY("bounds")(GY), qY = /* @__PURE__ */ XJ({
+	ConfigLayout: () => KY,
+	LayoutContents: () => nY
+}), JY = /* @__PURE__ */ XJ({
+	firstAvailableIndex: () => XY,
+	normalizeChoices: () => YY
+}), YY = (e) => {
 	let t = e.choices.map((e, t) => (e.value ||= `${t}`, e));
 	return {
 		...e,
 		choices: t
 	};
-}, VY = (e, t) => ct(e, `${t}`) ? VY(e, t + 1) : `${t}`, HY = j("div")(() => ({
+}, XY = (e, t) => ct(e, `${t}`) ? XY(e, t + 1) : `${t}`, ZY = j("div")(() => ({
 	display: "flex",
 	width: "100%",
 	justifyContent: "space-between"
-})), UY = j(ee)(({ theme: e }) => ({
+})), QY = j(ee)(({ theme: e }) => ({
 	color: "rgba(0, 0, 0, 0.89)",
 	fontSize: e.typography.fontSize,
 	paddingTop: e.spacing(2)
-})), WY = j(qs)(({ checked: e }) => ({
+})), $Y = j(qs)(({ checked: e }) => ({
 	"&.Mui-checked .MuiSwitch-thumb": { color: `${k.tertiary()} !important` },
 	"&.Mui-checked .MuiSwitch-track": { backgroundColor: `${k.tertiaryLight()} !important` },
 	"& .MuiSwitch-track": { backgroundColor: e ? `${k.tertiaryLight()} !important` : void 0 }
-})), GY = ({ checked: e, disabled: t, label: n, toggle: r }) => /* @__PURE__ */ F(HY, { children: [/* @__PURE__ */ P(UY, { children: n }), /* @__PURE__ */ P(WY, {
+})), eX = ({ checked: e, disabled: t, label: n, toggle: r }) => /* @__PURE__ */ F(ZY, { children: [/* @__PURE__ */ P(QY, { children: n }), /* @__PURE__ */ P($Y, {
 	checked: e,
 	disabled: t,
 	onChange: (e) => r(e.target.checked)
 })] });
-GY.propTypes = {
+eX.propTypes = {
 	checked: I.default.bool,
 	disabled: I.default.bool,
 	label: I.default.string.isRequired,
@@ -41235,20 +41322,20 @@ GY.propTypes = {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/settings/settings-radio-label.js
-var KY = j(Oa)(({ theme: e }) => ({ "& .MuiFormControlLabel-label": {
+var tX = j(Oa)(({ theme: e }) => ({ "& .MuiFormControlLabel-label": {
 	color: "rgba(0, 0, 0, 0.89)",
 	fontSize: e.typography.fontSize - 2,
 	left: "-5px",
 	position: "relative"
-} })), qY = j(Ds)(() => ({ color: `${k.tertiary()} !important` })), JY = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ P(KY, {
+} })), nX = j(Ds)(() => ({ color: `${k.tertiary()} !important` })), rX = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ P(tX, {
 	value: t,
-	control: /* @__PURE__ */ P(qY, {
+	control: /* @__PURE__ */ P(nX, {
 		checked: n,
 		onChange: r
 	}),
 	label: e
 });
-JY.propTypes = {
+rX.propTypes = {
 	label: I.default.string,
 	value: I.default.string,
 	checked: I.default.bool,
@@ -41256,26 +41343,26 @@ JY.propTypes = {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/settings/panel.js
-var YY = (0, Fc.default)("pie-lib:config-ui:settings:panel"), XY = {
+var iX = (0, Fc.default)("pie-lib:config-ui:settings:panel"), aX = {
 	label: I.default.string,
 	value: I.default.string
-}, ZY = {
+}, oX = {
 	label: I.default.string,
 	value: I.default.string,
 	onChange: I.default.func
-}, QY = ({ label: e, value: t, onChange: n }) => /* @__PURE__ */ P(EJ, {
+}, sX = ({ label: e, value: t, onChange: n }) => /* @__PURE__ */ P(FJ, {
 	checked: t,
 	label: e,
 	onChange: (e) => {
 		n(e.target.checked);
 	}
 });
-QY.propTypes = {
+sX.propTypes = {
 	label: I.default.string,
 	value: I.default.bool,
 	onChange: I.default.func
 };
-var $Y = j(RJ)(({ theme: e }) => ({
+var cX = j(qJ)(({ theme: e }) => ({
 	marginTop: e.spacing(.5),
 	paddingBottom: e.spacing(.5),
 	width: "100%",
@@ -41286,29 +41373,29 @@ var $Y = j(RJ)(({ theme: e }) => ({
 		marginTop: e.spacing(2.5)
 	},
 	"& > div": { marginTop: e.spacing(2.5) }
-})), eX = ({ label: e, value: t, onChange: n, choices: r }) => /* @__PURE__ */ P($Y, {
+})), lX = ({ label: e, value: t, onChange: n, choices: r }) => /* @__PURE__ */ P(cX, {
 	direction: "horizontal",
-	customLabel: JY,
+	customLabel: rX,
 	value: t,
 	header: e,
 	opts: r,
 	onChange: n
 });
-eX.propTypes = {
-	...ZY,
-	choices: I.default.arrayOf(I.default.shape(XY))
+lX.propTypes = {
+	...oX,
+	choices: I.default.arrayOf(I.default.shape(aX))
 };
-var tX = eX, nX = j("p")(({ theme: e }) => ({
+var uX = lX, dX = j("p")(({ theme: e }) => ({
 	margin: 0,
 	fontSize: e.typography.fontSize
-})), rX = j(as)(({ theme: e }) => ({
+})), fX = j(as)(({ theme: e }) => ({
 	marginTop: e.spacing(.5),
 	border: "2px solid lightgrey",
 	padding: `0 ${e.spacing(1)}`,
 	borderRadius: "4px"
-})), iX = ({ label: e, value: t, onChange: n, choices: r = [] }) => {
+})), pX = ({ 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__ */ F("div", { children: [e && /* @__PURE__ */ P(nX, { children: e }), /* @__PURE__ */ P(rX, {
+	return /* @__PURE__ */ F("div", { children: [e && /* @__PURE__ */ P(dX, { children: e }), /* @__PURE__ */ P(fX, {
 		value: t || r && r[0],
 		onChange: ({ target: e }) => n(e.value),
 		input: /* @__PURE__ */ P(Ra, { id: `dropdown-${e}` }),
@@ -41323,14 +41410,14 @@ var tX = eX, nX = j("p")(({ theme: e }) => ({
 		}, t))
 	})] });
 };
-iX.propTypes = {
-	...ZY,
+pX.propTypes = {
+	...oX,
 	choices: I.default.arrayOf(I.default.string)
 };
-var aX = j(me)(({ theme: e }) => ({
+var mX = j(me)(({ theme: e }) => ({
 	marginRight: e.spacing(3),
 	marginTop: e.spacing(1)
-})), oX = ({ label: e }) => /* @__PURE__ */ P(aX, { children: e }), sX = j(AJ)(({ theme: e }) => ({
+})), hX = ({ label: e }) => /* @__PURE__ */ P(mX, { children: e }), gX = j(zJ)(({ theme: e }) => ({
 	width: "35%",
 	marginRight: e.spacing(3),
 	marginTop: e.spacing(1),
@@ -41341,7 +41428,7 @@ var aX = j(me)(({ theme: e }) => ({
 		padding: `0 ${e.spacing(1)}`,
 		backgroundColor: "transparent"
 	}
-})), cX = ({ label: e, value: t, onChange: n = () => {}, suffix: r, min: i, max: a }) => /* @__PURE__ */ P(sX, {
+})), _X = ({ label: e, value: t, onChange: n = () => {}, suffix: r, min: i, max: a }) => /* @__PURE__ */ P(gX, {
 	variant: "standard",
 	label: e || "Label",
 	value: t,
@@ -41352,45 +41439,45 @@ var aX = j(me)(({ theme: e }) => ({
 	showErrorWhenOutsideRange: !0,
 	disableUnderline: !0
 });
-cX.propTypes = {
-	...ZY,
+_X.propTypes = {
+	...oX,
 	suffix: I.default.string,
 	min: I.default.number,
 	max: I.default.number,
 	value: I.default.number
-}, oX.propTypes = { ...ZY };
-var lX = ({ disabled: e, label: t, value: n, onChange: r }) => /* @__PURE__ */ P(GY, {
+}, hX.propTypes = { ...oX };
+var vX = ({ disabled: e, label: t, value: n, onChange: r }) => /* @__PURE__ */ P(eX, {
 	label: t,
 	checked: !!n,
 	disabled: !!e,
 	toggle: r
 });
-lX.propTypes = {
-	...ZY,
+vX.propTypes = {
+	...oX,
 	value: I.default.bool
 };
-var uX = {
-	toggle: lX,
-	radio: tX,
-	dropdown: iX,
-	numberField: cX,
-	checkbox: QY,
-	textField: oX
-}, dX = j("div")(({ theme: e }) => ({ margin: `0 0 ${e.spacing(2)} 0` })), fX = j("div")(({ theme: e }) => ({
+var yX = {
+	toggle: vX,
+	radio: uX,
+	dropdown: pX,
+	numberField: _X,
+	checkbox: sX,
+	textField: hX
+}, bX = j("div")(({ theme: e }) => ({ margin: `0 0 ${e.spacing(2)} 0` })), xX = j("div")(({ theme: e }) => ({
 	color: "#495B8F",
 	fontSize: e.typography.fontSize + 2,
 	fontWeight: 600,
 	marginBottom: e.spacing(1)
-})), pX = j("p")(({ theme: e }) => ({
+})), SX = j("p")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize,
 	marginBottom: 0
-})), mX = (e) => {
+})), CX = (e) => {
 	let { model: t, label: n, group: r, configuration: i, onChange: a } = e, o = (e, n, r) => {
 		let { isConfigProperty: o, ...s } = Et(e, r || n), c = Et(o ? i : t, n), l = {
 			...s,
 			key: n,
 			value: c
-		}, u = uX[l.type];
+		}, u = yX[l.type];
 		return /* @__PURE__ */ P(u, {
 			...l,
 			onChange: (e) => a(n, e, o)
@@ -41399,18 +41486,18 @@ var uX = {
 		let n = e[t];
 		if (!n) return null;
 		let { type: r, label: i, fields: a, choices: s } = n;
-		return r === "numberFields" ? /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P(pX, { children: i }), Object.keys(a).map((n) => o(e, `${t}.${n}`, `${t}.fields.${n}`))] }, `numberField-${i}`) : r === "checkboxes" ? /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("p", { children: i }), Object.keys(s).map((n) => o(e, `${t}.${n}`, `${t}.choices.${n}`))] }, `checkbox-${i}`) : o(e, t);
+		return r === "numberFields" ? /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P(SX, { children: i }), Object.keys(a).map((n) => o(e, `${t}.${n}`, `${t}.fields.${n}`))] }, `numberField-${i}`) : r === "checkboxes" ? /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("p", { children: i }), Object.keys(s).map((n) => o(e, `${t}.${n}`, `${t}.choices.${n}`))] }, `checkbox-${i}`) : o(e, t);
 	};
-	return /* @__PURE__ */ F(dX, { children: [/* @__PURE__ */ P(fX, { children: n }), Object.keys(r).map((e) => s(r, e))] });
+	return /* @__PURE__ */ F(bX, { children: [/* @__PURE__ */ P(xX, { children: n }), Object.keys(r).map((e) => s(r, e))] });
 };
-mX.propTypes = {
+CX.propTypes = {
 	model: I.default.object,
 	label: I.default.string,
 	group: I.default.object,
 	configuration: I.default.object,
 	onChange: I.default.func
 };
-var hX = class extends N.Component {
+var wX = class extends N.Component {
 	static propTypes = {
 		model: I.default.object,
 		configuration: I.default.object,
@@ -41424,13 +41511,13 @@ var hX = class extends N.Component {
 		onChangeConfiguration: () => {}
 	};
 	change = (e, t, n = !1) => {
-		YY("[changeModel]", e, t);
+		iX("[changeModel]", e, t);
 		let { onChangeModel: r, onChangeConfiguration: i } = this.props, a = { ...this.props.model }, o = { ...this.props.configuration };
 		n ? (vt(o, e, t), i(o, e)) : (vt(a, e, t), r(a, e));
 	};
 	render() {
 		let { groups: e, model: t, configuration: n, modal: r } = this.props;
-		return YY("render:", t), /* @__PURE__ */ F("div", { children: [Object.keys(e || {}).map((r) => Object.entries(e[r]).some(([, e]) => !!e) ? /* @__PURE__ */ P(mX, {
+		return iX("render:", t), /* @__PURE__ */ F("div", { children: [Object.keys(e || {}).map((r) => Object.entries(e[r]).some(([, e]) => !!e) ? /* @__PURE__ */ P(CX, {
 			label: r,
 			model: t,
 			configuration: n,
@@ -41438,59 +41525,59 @@ var hX = class extends N.Component {
 			onChange: this.change
 		}, r) : null), r] });
 	}
-}, gX = /* @__PURE__ */ VJ({
-	Panel: () => hX,
-	checkbox: () => wX,
-	checkboxes: () => TX,
-	dropdown: () => xX,
-	numberField: () => SX,
-	numberFields: () => CX,
-	radio: () => bX,
-	textField: () => _X,
-	toggle: () => vX
-}), _X = (e, t = !0) => ({
+}, TX = /* @__PURE__ */ XJ({
+	Panel: () => wX,
+	checkbox: () => NX,
+	checkboxes: () => PX,
+	dropdown: () => AX,
+	numberField: () => jX,
+	numberFields: () => MX,
+	radio: () => kX,
+	textField: () => EX,
+	toggle: () => DX
+}), EX = (e, t = !0) => ({
 	label: e,
 	type: "textField",
 	isConfigProperty: t
-}), vX = (e, t = !1, n = !1) => ({
+}), DX = (e, t = !1, n = !1) => ({
 	type: "toggle",
 	label: e,
 	isConfigProperty: t,
 	disabled: n
-}), yX = (e) => typeof e == "string" ? {
+}), OX = (e) => typeof e == "string" ? {
 	label: e,
 	value: e
-} : e, bX = function() {
+} : e, kX = function() {
 	let [e, t, n = !1] = Array.prototype.slice.call(arguments);
 	return {
 		type: "radio",
 		label: e,
-		choices: t && t.map((e) => yX(e)),
+		choices: t && t.map((e) => OX(e)),
 		isConfigProperty: n
 	};
-}, xX = (e, t, n = !1) => ({
+}, AX = (e, t, n = !1) => ({
 	type: "dropdown",
 	label: e,
 	choices: t,
 	isConfigProperty: n
-}), SX = (e, t, n = !1) => ({
+}), jX = (e, t, n = !1) => ({
 	...t,
 	label: e,
 	type: "numberField",
 	isConfigProperty: n
-}), CX = (e, t, n = !1) => (Object.keys(t).map((e) => {
-	t[e] = SX(t[e].label, t[e], n);
+}), MX = (e, t, n = !1) => (Object.keys(t).map((e) => {
+	t[e] = jX(t[e].label, t[e], n);
 }), {
 	type: "numberFields",
 	label: e,
 	fields: t
-}), wX = (e, t, n = !1) => ({
+}), NX = (e, t, n = !1) => ({
 	...t,
 	label: e,
 	type: "checkbox",
 	isConfigProperty: n
-}), TX = (e, t, n = !1) => (Object.keys(t).map((e) => {
-	t[e] = wX(t[e].label, t[e], n);
+}), PX = (e, t, n = !1) => (Object.keys(t).map((e) => {
+	t[e] = NX(t[e].label, t[e], n);
 }), {
 	type: "checkboxes",
 	label: e,
@@ -41498,13 +41585,13 @@ var hX = class extends N.Component {
 });
 //#endregion
 //#region ../../lib-react/config-ui/dist/index.js
-function EX(e) {
+function FX(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function DX(e, t) {
-	return !e || EX(e) ? e : EX(e.default) ? e.default : t && EX(e[t]) ? e[t] : t && EX(e[t]?.default) ? e[t].default : e;
+function IX(e, t) {
+	return !e || FX(e) ? e : FX(e.default) ? e.default : t && FX(e[t]) ? e[t] : t && FX(e[t]?.default) ? e[t].default : e;
 }
-var OX = DX(re, "InputContainer") || DX(jX.InputContainer, "InputContainer"), kX = Ce, AX = kX.default, jX = AX && typeof AX == "object" ? AX : kX, MX = class e extends CustomEvent {
+var LX = IX(re, "InputContainer") || IX(BX.InputContainer, "InputContainer"), RX = Ce, zX = RX.default, BX = zX && typeof zX == "object" ? zX : RX, VX = class e extends CustomEvent {
 	static {
 		this.TYPE = "model.updated";
 	}
@@ -41517,7 +41604,7 @@ var OX = DX(re, "InputContainer") || DX(jX.InputContainer, "InputContainer"), kX
 			}
 		}), this.update = t, this.reset = n;
 	}
-}, NX = class e extends CustomEvent {
+}, HX = class e extends CustomEvent {
 	static {
 		this.TYPE = "delete.image";
 	}
@@ -41530,7 +41617,7 @@ var OX = DX(re, "InputContainer") || DX(jX.InputContainer, "InputContainer"), kX
 			}
 		}), this.src = t, this.done = n;
 	}
-}, PX = class e extends CustomEvent {
+}, UX = class e extends CustomEvent {
 	static {
 		this.TYPE = "insert.image";
 	}
@@ -41540,7 +41627,7 @@ var OX = DX(re, "InputContainer") || DX(jX.InputContainer, "InputContainer"), kX
 			detail: t
 		}), this.handler = t;
 	}
-}, FX = class e extends CustomEvent {
+}, WX = class e extends CustomEvent {
 	static {
 		this.TYPE = "delete.sound";
 	}
@@ -41553,7 +41640,7 @@ var OX = DX(re, "InputContainer") || DX(jX.InputContainer, "InputContainer"), kX
 			}
 		}), this.src = t, this.done = n;
 	}
-}, IX = class e extends CustomEvent {
+}, GX = class e extends CustomEvent {
 	static {
 		this.TYPE = "insert.sound";
 	}
@@ -41563,17 +41650,17 @@ var OX = DX(re, "InputContainer") || DX(jX.InputContainer, "InputContainer"), kX
 			detail: t
 		}), this.handler = t;
 	}
-}, LX = (e = {}, t = {}) => ({
+}, KX = (e = {}, t = {}) => ({
 	...t,
 	...e
-}), RX = Ve(/*#__PURE__*/ P("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-6h2zm0-8h-2V7h2z" }), "Info"), zX = j(tJ)({
+}), qX = Ve(/*#__PURE__*/ P("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-6h2zm0-8h-2V7h2z" }), "Info"), JX = j(uJ)({
 	flex: "1",
 	maxWidth: "100%"
-}), BX = j("div")(({ theme: e }) => ({
+}), YX = j("div")(({ theme: e }) => ({
 	display: "flex",
 	justifyContent: "space-between",
 	paddingBottom: e.spacing(1)
-})), VX = class extends N.Component {
+})), XX = class extends N.Component {
 	static propTypes = {
 		configuration: I.default.object.isRequired,
 		deleteFocusedEl: I.default.func,
@@ -41603,7 +41690,7 @@ var OX = DX(re, "InputContainer") || DX(jX.InputContainer, "InputContainer"), kX
 	}
 	render() {
 		let { onChange: e, configuration: t, label: n, deleteFocusedEl: r, disabled: i, imageSupport: a, toolbarOpts: o, spellCheck: s, error: c, maxImageWidth: l, maxImageHeight: u, uploadSoundSupport: d, mathMlOptions: f = {}, focusedEl: p, index: m } = this.props, { headers: h, baseInputConfiguration: g } = t;
-		return /* @__PURE__ */ P(BX, { children: /* @__PURE__ */ P(zX, {
+		return /* @__PURE__ */ P(YX, { children: /* @__PURE__ */ P(JX, {
 			imageSupport: a,
 			disabled: i,
 			autoFocus: p != null && p === m,
@@ -41611,7 +41698,7 @@ var OX = DX(re, "InputContainer") || DX(jX.InputContainer, "InputContainer"), kX
 			label: "label",
 			markup: n,
 			onChange: e,
-			pluginProps: LX(h?.inputConfiguration, g),
+			pluginProps: KX(h?.inputConfiguration, g),
 			toolbarOpts: o,
 			spellCheck: s,
 			error: c,
@@ -41625,7 +41712,7 @@ var OX = DX(re, "InputContainer") || DX(jX.InputContainer, "InputContainer"), kX
 			mathMlOptions: f
 		}) });
 	}
-}, HX = j(f)(({ theme: e }) => ({ height: e.spacing(4) })), UX = class extends N.Component {
+}, ZX = j(f)(({ theme: e }) => ({ height: e.spacing(4) })), QX = class extends N.Component {
 	static propTypes = {
 		label: I.default.string,
 		onClick: I.default.func,
@@ -41634,7 +41721,7 @@ var OX = DX(re, "InputContainer") || DX(jX.InputContainer, "InputContainer"), kX
 	static defaultProps = { label: "Add" };
 	render() {
 		let { label: e, onClick: t, disabled: n } = this.props;
-		return /* @__PURE__ */ P(HX, {
+		return /* @__PURE__ */ P(ZX, {
 			onClick: t,
 			disabled: n,
 			size: "small",
@@ -41643,34 +41730,34 @@ var OX = DX(re, "InputContainer") || DX(jX.InputContainer, "InputContainer"), kX
 			children: e
 		});
 	}
-}, WX = j(f)({
+}, $X = j(f)({
 	margin: 0,
 	padding: 0
-}), GX = ({ label: e, onClick: t, disabled: n }) => /* @__PURE__ */ P(WX, {
+}), eZ = ({ label: e, onClick: t, disabled: n }) => /* @__PURE__ */ P($X, {
 	onClick: t,
 	size: "small",
 	color: "primary",
 	disabled: n,
 	children: e
-}), KX = Ve(/*#__PURE__*/ P("path", { d: "M7 11v2h10v-2zm5-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8" }), "RemoveCircleOutline");
+}), tZ = Ve(/*#__PURE__*/ P("path", { d: "M7 11v2h10v-2zm5-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8" }), "RemoveCircleOutline");
 //#endregion
 //#region src/author/design/categories/choice-preview.tsx
-function qX(e) {
+function nZ(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function JX(e, t) {
-	return !e || qX(e) ? e : qX(e.default) ? e.default : t && qX(e[t]) ? e[t] : t && qX(e[t]?.default) ? e[t].default : e;
+function rZ(e, t) {
+	return !e || nZ(e) ? e : nZ(e.default) ? e.default : t && nZ(e[t]) ? e[t] : t && nZ(e[t]?.default) ? e[t].default : e;
 }
-var YX = JX(S, "HtmlAndMath") || JX(QX.HtmlAndMath, "HtmlAndMath"), XX = Ce, ZX = XX.default, QX = ZX && typeof ZX == "object" ? ZX : XX, $X = j("div")({
+var iZ = rZ(S, "HtmlAndMath") || rZ(sZ.HtmlAndMath, "HtmlAndMath"), aZ = Ce, oZ = aZ.default, sZ = oZ && typeof oZ == "object" ? oZ : aZ, cZ = j("div")({
 	position: "relative",
 	overflow: "auto",
 	touchAction: "none"
-}), eZ = j(wn)({
+}), lZ = j(wn)({
 	position: "absolute",
 	right: 0,
 	top: 0,
 	color: `${k.tertiary()} !important`
-}), tZ = class extends N.Component {
+}), uZ = class extends N.Component {
 	static propTypes = {
 		alternateResponseIndex: I.default.number,
 		category: I.default.object,
@@ -41685,7 +41772,7 @@ var YX = JX(S, "HtmlAndMath") || JX(QX.HtmlAndMath, "HtmlAndMath"), XX = Ce, ZX
 	};
 	render() {
 		let { alternateResponseIndex: e, category: t, choice: n, choiceIndex: r } = this.props, i = t && t.id, a = e === void 0 ? `${n.id}-${i}-${r}` : `${n.id}-${i}-${r}-alt-${e}`;
-		return /* @__PURE__ */ F($X, { children: [n ? /* @__PURE__ */ P(Qt, {
+		return /* @__PURE__ */ F(cZ, { children: [n ? /* @__PURE__ */ P(Qt, {
 			alternateResponseIndex: e,
 			category: t,
 			choice: n,
@@ -41694,19 +41781,19 @@ var YX = JX(S, "HtmlAndMath") || JX(QX.HtmlAndMath, "HtmlAndMath"), XX = Ce, ZX
 			type: "choice-preview",
 			id: a,
 			categoryId: i,
-			children: /* @__PURE__ */ P(YX, { html: n?.content })
-		}) : null, /* @__PURE__ */ P(eZ, {
+			children: /* @__PURE__ */ P(iZ, { html: n?.content })
+		}) : null, /* @__PURE__ */ P(lZ, {
 			"aria-label": "delete",
 			onClick: this.delete,
 			size: "large",
-			children: /* @__PURE__ */ P(KX, {})
+			children: /* @__PURE__ */ P(tZ, {})
 		})] });
 	}
 };
 //#endregion
 //#region src/author/design/categories/droppable-placeholder.tsx
 (0, Fc.default)("@pie-element:categorize:configure");
-var nZ = j("div")(({ theme: e }) => ({
+var dZ = j("div")(({ theme: e }) => ({
 	display: "flex",
 	alignItems: "center",
 	justifyContent: "center",
@@ -41714,20 +41801,20 @@ var nZ = j("div")(({ theme: e }) => ({
 	color: `rgba(${e.palette.common.black}, 0.4)`,
 	width: "100%",
 	height: "100%"
-})), rZ = () => /* @__PURE__ */ P(nZ, { children: "Drag your correct answers here" }), iZ = ({ alternateResponseIndex: e, category: t, choices: n, onDeleteChoice: r }) => /* @__PURE__ */ P(N.Fragment, { children: (n || []).map((n, i) => n && /* @__PURE__ */ P(tZ, {
+})), fZ = () => /* @__PURE__ */ P(dZ, { children: "Drag your correct answers here" }), pZ = ({ alternateResponseIndex: e, category: t, choices: n, onDeleteChoice: r }) => /* @__PURE__ */ P(N.Fragment, { children: (n || []).map((n, i) => n && /* @__PURE__ */ P(uZ, {
 	alternateResponseIndex: e,
 	category: t,
 	choice: n,
 	choiceIndex: i,
 	onDelete: (e) => r(e, i)
 }, i)) });
-iZ.propTypes = {
+pZ.propTypes = {
 	alternateResponseIndex: I.default.number,
 	category: I.default.object,
 	choices: I.default.array,
 	onDeleteChoice: I.default.func
 };
-var aZ = ({ alternateResponseIndex: e, category: t, choices: n, onDeleteChoice: r, categoryId: i, isAlternate: a }) => {
+var mZ = ({ alternateResponseIndex: e, category: t, choices: n, onDeleteChoice: r, categoryId: i, isAlternate: a }) => {
 	let { setNodeRef: o, isOver: s } = Ne({
 		id: `${i}-${a ? "alternate" : "standard"}`,
 		data: {
@@ -41747,7 +41834,7 @@ var aZ = ({ alternateResponseIndex: e, category: t, choices: n, onDeleteChoice:
 				minHeight: "100px",
 				height: "auto"
 			},
-			children: (n || []).length === 0 ? /* @__PURE__ */ P(rZ, {}) : /* @__PURE__ */ P(iZ, {
+			children: (n || []).length === 0 ? /* @__PURE__ */ P(fZ, {}) : /* @__PURE__ */ P(pZ, {
 				alternateResponseIndex: e,
 				category: t,
 				choices: n,
@@ -41756,7 +41843,7 @@ var aZ = ({ alternateResponseIndex: e, category: t, choices: n, onDeleteChoice:
 		})
 	});
 };
-aZ.propTypes = {
+mZ.propTypes = {
 	alternateResponseIndex: I.default.number,
 	category: I.default.object,
 	choices: I.default.array,
@@ -41764,19 +41851,19 @@ aZ.propTypes = {
 	categoryId: I.default.string.isRequired,
 	isAlternate: I.default.bool
 };
-var oZ = je.withUid(aZ), sZ = j(We, { shouldForwardProp: (e) => e !== "isDuplicated" })(({ theme: e, isDuplicated: t }) => ({
+var hZ = je.withUid(mZ), gZ = j(We, { shouldForwardProp: (e) => e !== "isDuplicated" })(({ theme: e, isDuplicated: t }) => ({
 	minWidth: "196px",
 	padding: e.spacing(1),
 	overflow: "visible",
 	...t && { border: "1px solid red" }
-})), cZ = j(ta)(({ theme: e }) => ({ padding: `${e.spacing(1)} 0 0` })), lZ = j("div")(({ theme: e }) => ({
+})), _Z = j(ta)(({ theme: e }) => ({ padding: `${e.spacing(1)} 0 0` })), vZ = j("div")(({ theme: e }) => ({
 	padding: e.spacing(2),
 	"& p": { margin: 0 }
-})), uZ = j("div")(({ theme: e }) => ({
+})), yZ = j("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingBottom: e.spacing(1)
-})), dZ = class extends N.Component {
+})), bZ = class extends N.Component {
 	static propTypes = {
 		alternateResponseIndex: I.default.number,
 		category: I.default.object.isRequired,
@@ -41812,10 +41899,10 @@ var oZ = je.withUid(aZ), sZ = j(We, { shouldForwardProp: (e) => e !== "isDuplica
 	};
 	render() {
 		let { alternateResponseIndex: e, category: t, configuration: n, deleteFocusedEl: r, focusedEl: i, index: a, error: o, isDuplicated: s, onDelete: c, onDeleteChoice: l, imageSupport: u, spellCheck: d, toolbarOpts: f, maxImageWidth: p, maxImageHeight: m, uploadSoundSupport: h, mathMlOptions: g = {} } = this.props;
-		return /* @__PURE__ */ F(sZ, {
+		return /* @__PURE__ */ F(gZ, {
 			isDuplicated: s,
 			children: [
-				/* @__PURE__ */ F("span", { children: [e || e === 0 ? /* @__PURE__ */ P(lZ, { dangerouslySetInnerHTML: { __html: t.label } }) : /* @__PURE__ */ P(VX, {
+				/* @__PURE__ */ F("span", { children: [e || e === 0 ? /* @__PURE__ */ P(vZ, { dangerouslySetInnerHTML: { __html: t.label } }) : /* @__PURE__ */ P(XX, {
 					label: t.label,
 					focusedEl: i,
 					deleteFocusedEl: r,
@@ -41832,8 +41919,8 @@ var oZ = je.withUid(aZ), sZ = j(We, { shouldForwardProp: (e) => e !== "isDuplica
 					uploadSoundSupport: h,
 					mathMlOptions: g,
 					configuration: n
-				}), o && /* @__PURE__ */ P(uZ, { children: o })] }),
-				/* @__PURE__ */ P(oZ, {
+				}), o && /* @__PURE__ */ P(yZ, { children: o })] }),
+				/* @__PURE__ */ P(hZ, {
 					alternateResponseIndex: e,
 					category: t,
 					choices: t.choices,
@@ -41842,25 +41929,25 @@ var oZ = je.withUid(aZ), sZ = j(We, { shouldForwardProp: (e) => e !== "isDuplica
 					extraStyles: { minHeight: "100px" },
 					isAlternate: this.props.isAlternate
 				}),
-				c && /* @__PURE__ */ P(cZ, { children: /* @__PURE__ */ P(GX, {
+				c && /* @__PURE__ */ P(_Z, { children: /* @__PURE__ */ P(eZ, {
 					label: "delete",
 					onClick: c
 				}) })
 			]
 		});
 	}
-}, fZ = j("div")(({ theme: e }) => ({
+}, xZ = j("div")(({ theme: e }) => ({
 	display: "flex",
 	justifyContent: "space-between",
 	marginBottom: e.spacing(1)
-})), pZ = j("div")({
+})), SZ = j("div")({
 	display: "flex",
 	alignItems: "center"
-}), mZ = j(zs)(({ theme: e }) => ({ "& .MuiTooltip-tooltip": {
+}), CZ = j(zs)(({ theme: e }) => ({ "& .MuiTooltip-tooltip": {
 	fontSize: e.typography.fontSize - 2,
 	whiteSpace: "pre",
 	maxWidth: "500px"
-} })), hZ = class extends N.Component {
+} })), wZ = class extends N.Component {
 	static propTypes = {
 		buttonLabel: I.default.string,
 		onAdd: I.default.func.isRequired,
@@ -41873,63 +41960,63 @@ var oZ = je.withUid(aZ), sZ = j(We, { shouldForwardProp: (e) => e !== "isDuplica
 	static defaultProps = {};
 	render() {
 		let { onAdd: e, label: t, buttonLabel: n, info: r, buttonDisabled: i, variant: a, tooltip: o } = this.props;
-		return /* @__PURE__ */ F(fZ, { children: [/* @__PURE__ */ F(pZ, { children: [/* @__PURE__ */ P(me, {
+		return /* @__PURE__ */ F(xZ, { children: [/* @__PURE__ */ F(SZ, { children: [/* @__PURE__ */ P(me, {
 			variant: a || "title",
 			children: t
-		}), r] }), /* @__PURE__ */ P(mZ, {
+		}), r] }), /* @__PURE__ */ P(CZ, {
 			title: o || "",
 			enterTouchDelay: 50,
 			leaveTouchDelay: 3e3,
-			children: /* @__PURE__ */ P("span", { children: /* @__PURE__ */ P(UX, {
+			children: /* @__PURE__ */ P("span", { children: /* @__PURE__ */ P(QX, {
 				onClick: e,
 				label: n,
 				disabled: i
 			}) })
 		})] });
 	}
-}, gZ = (e) => {
+}, TZ = (e) => {
 	let { minChoices: t, maxChoices: n, maxCategories: r } = e || {};
 	return t ||= 1, "Validation requirements:" + ("\nThe choices content should not be empty and should be unique.\nThere should be at least 1 " + (r ? `and at most ${r} ` : "") + "category" + (r ? "s" : "") + " defined." + (t ? `\nThere should be at least ${t} choices defined.` : "") + (n ? `\nNo more than ${n} choices should be defined.` : "") + "\nAt least one token should be assigned to at least one category.");
-}, _Z = {
+}, EZ = {
 	enabled: "Yes",
 	disabled: "No",
 	perChoice: "Set Per Choice"
-}, vZ = (e) => (e || []).reduce((e, t) => Math.max(e, t.length), 0), yZ = (e) => {
+}, DZ = (e) => (e || []).reduce((e, t) => Math.max(e, t.length), 0), OZ = (e) => {
 	let { correctResponse: t = [] } = e || {};
 	return t.reduce((e, t) => {
-		let n = t?.choices?.length || 0, r = t?.alternateResponses || [], i = Math.max(n, vZ(r));
+		let n = t?.choices?.length || 0, r = t?.alternateResponses || [], i = Math.max(n, DZ(r));
 		return i > e ? i : e;
 	}, 0);
 };
 //#endregion
 //#region src/author/design/categories/RowLabel.tsx
-function bZ(e) {
+function kZ(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function xZ(e, t) {
-	return !e || bZ(e) ? e : bZ(e.default) ? e.default : t && bZ(e[t]) ? e[t] : t && bZ(e[t]?.default) ? e[t].default : e;
+function AZ(e, t) {
+	return !e || kZ(e) ? e : kZ(e.default) ? e.default : t && kZ(e[t]) ? e[t] : t && kZ(e[t]?.default) ? e[t].default : e;
 }
-var SZ = xZ(re, "InputContainer") || xZ(TZ.InputContainer, "InputContainer"), CZ = Ce, wZ = CZ.default, TZ = wZ && typeof wZ == "object" ? wZ : CZ, EZ = j(SZ)(({ theme: e }) => ({
+var jZ = AZ(re, "InputContainer") || AZ(PZ.InputContainer, "InputContainer"), MZ = Ce, NZ = MZ.default, PZ = NZ && typeof NZ == "object" ? NZ : MZ, FZ = j(jZ)(({ theme: e }) => ({
 	width: "100%",
 	paddingTop: e.spacing(1),
 	marginTop: e.spacing(1)
-})), DZ = ({ categoriesPerRow: e, configuration: t, disabled: n, markup: r, imageSupport: i, onChange: a, toolbarOpts: o, spellCheck: s, maxImageWidth: c, maxImageHeight: l, uploadSoundSupport: u, mathMlOptions: d = {} }) => {
+})), IZ = ({ categoriesPerRow: e, configuration: t, disabled: n, markup: r, imageSupport: i, onChange: a, toolbarOpts: o, spellCheck: s, maxImageWidth: c, maxImageHeight: l, uploadSoundSupport: u, mathMlOptions: d = {} }) => {
 	let { rowLabels: f, baseInputConfiguration: p } = t;
 	return /* @__PURE__ */ P("div", {
 		style: {
 			gridColumn: `1/${e + 1}`,
 			width: "100%"
 		},
-		children: /* @__PURE__ */ P(EZ, {
+		children: /* @__PURE__ */ P(FZ, {
 			label: "Row Label",
-			children: /* @__PURE__ */ P(tJ, {
+			children: /* @__PURE__ */ P(uJ, {
 				disabled: n,
 				markup: r,
 				onChange: a,
 				imageSupport: i,
 				nonEmpty: !1,
 				toolbarOpts: o,
-				pluginProps: LX(f?.inputConfiguration, p),
+				pluginProps: KX(f?.inputConfiguration, p),
 				spellCheck: s,
 				maxImageWidth: c,
 				maxImageHeight: l,
@@ -41939,19 +42026,19 @@ var SZ = xZ(re, "InputContainer") || xZ(TZ.InputContainer, "InputContainer"), CZ
 			})
 		})
 	});
-}, OZ = j("div")(({ theme: e }) => ({ marginBottom: e.spacing(3) })), kZ = j("div")(({ theme: e }) => ({
+}, LZ = j("div")(({ theme: e }) => ({ marginBottom: e.spacing(3) })), RZ = j("div")(({ theme: e }) => ({
 	display: "grid",
 	gridRowGap: e.spacing(1),
 	gridColumnGap: e.spacing(1)
-})), AZ = j(zs)(({ theme: e }) => ({ "& .MuiTooltip-tooltip": {
+})), zZ = j(zs)(({ theme: e }) => ({ "& .MuiTooltip-tooltip": {
 	fontSize: e.typography.fontSize - 2,
 	whiteSpace: "pre",
 	maxWidth: "500px"
-} })), jZ = j("div")(({ theme: e }) => ({
+} })), BZ = j("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(.5)
-})), MZ = class extends N.Component {
+})), VZ = class extends N.Component {
 	static propTypes = {
 		defaultImageMaxHeight: I.default.number,
 		defaultImageMaxWidth: I.default.number,
@@ -41972,7 +42059,7 @@ var SZ = xZ(re, "InputContainer") || xZ(TZ.InputContainer, "InputContainer"), CZ
 	};
 	state = { focusedEl: null };
 	add = () => {
-		let { model: e, categories: t } = this.props, { categoriesPerRow: n, correctResponse: r, allowAlternateEnabled: i } = e, a = zY.firstAvailableIndex(e.categories.map((e) => e.id), 1), o = {
+		let { model: e, categories: t } = this.props, { categoriesPerRow: n, correctResponse: r, allowAlternateEnabled: i } = e, a = JY.firstAvailableIndex(e.categories.map((e) => e.id), 1), o = {
 			id: a,
 			label: "Category " + a
 		}, s = e.categories.length % n === 0, c = [...e.rowLabels];
@@ -42008,18 +42095,18 @@ var SZ = xZ(re, "InputContainer") || xZ(TZ.InputContainer, "InputContainer"), CZ
 		i.length < t ? i.push(e) : i[t] = e, this.props.onModelChanged({ rowLabels: i });
 	};
 	render() {
-		let { model: e, categories: t, imageSupport: n, uploadSoundSupport: r, toolbarOpts: i, spellCheck: a, configuration: o, defaultImageMaxHeight: s, defaultImageMaxWidth: c, mathMlOptions: l = {} } = this.props, { categoriesPerRow: u, rowLabels: d, errors: f } = e, { associationError: p, categoriesError: m, categoriesErrors: h } = f || {}, { maxCategories: g, maxImageWidth: _ = {}, maxImageHeight: v = {} } = o || {}, y = { gridTemplateColumns: `repeat(${u}, 1fr)` }, b = gZ(o);
-		return /* @__PURE__ */ F(OZ, { children: [
-			/* @__PURE__ */ P(hZ, {
+		let { model: e, categories: t, imageSupport: n, uploadSoundSupport: r, toolbarOpts: i, spellCheck: a, configuration: o, defaultImageMaxHeight: s, defaultImageMaxWidth: c, mathMlOptions: l = {} } = this.props, { categoriesPerRow: u, rowLabels: d, errors: f } = e, { associationError: p, categoriesError: m, categoriesErrors: h } = f || {}, { maxCategories: g, maxImageWidth: _ = {}, maxImageHeight: v = {} } = o || {}, y = { gridTemplateColumns: `repeat(${u}, 1fr)` }, b = TZ(o);
+		return /* @__PURE__ */ F(LZ, { children: [
+			/* @__PURE__ */ P(wZ, {
 				label: "Categories",
 				buttonLabel: "ADD A CATEGORY",
 				onAdd: this.add,
-				info: /* @__PURE__ */ P(AZ, {
+				info: /* @__PURE__ */ P(zZ, {
 					disableFocusListener: !0,
 					disableTouchListener: !0,
 					placement: "right",
 					title: b,
-					children: /* @__PURE__ */ P(RX, {
+					children: /* @__PURE__ */ P(qX, {
 						fontSize: "small",
 						color: "primary",
 						style: { marginLeft: "5px" }
@@ -42027,11 +42114,11 @@ var SZ = xZ(re, "InputContainer") || xZ(TZ.InputContainer, "InputContainer"), CZ
 				}),
 				buttonDisabled: g && t && g === t.length
 			}),
-			/* @__PURE__ */ P(kZ, {
+			/* @__PURE__ */ P(RZ, {
 				style: y,
 				children: t.map((e, t) => {
 					let f = t % u === 0, p = t / u;
-					return /* @__PURE__ */ F(N.Fragment, { children: [f && /* @__PURE__ */ P(DZ, {
+					return /* @__PURE__ */ F(N.Fragment, { children: [f && /* @__PURE__ */ P(IZ, {
 						categoriesPerRow: u,
 						disabled: !1,
 						rowIndex: p,
@@ -42045,7 +42132,7 @@ var SZ = xZ(re, "InputContainer") || xZ(TZ.InputContainer, "InputContainer"), CZ
 						uploadSoundSupport: r,
 						mathMlOptions: l,
 						configuration: o
-					}), /* @__PURE__ */ P(dZ, {
+					}), /* @__PURE__ */ P(bZ, {
 						imageSupport: n,
 						focusedEl: this.state.focusedEl,
 						deleteFocusedEl: this.deleteFocusedEl,
@@ -42065,15 +42152,15 @@ var SZ = xZ(re, "InputContainer") || xZ(TZ.InputContainer, "InputContainer"), CZ
 					})] }, t);
 				})
 			}),
-			p && /* @__PURE__ */ P(jZ, { children: p }),
-			m && /* @__PURE__ */ P(jZ, { children: m })
+			p && /* @__PURE__ */ P(BZ, { children: p }),
+			m && /* @__PURE__ */ P(BZ, { children: m })
 		] });
 	}
-}, NZ = j("div")(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), PZ = j("div")(({ theme: e }) => ({
+}, HZ = j("div")(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), UZ = j("div")(({ theme: e }) => ({
 	display: "grid",
 	gridRowGap: e.spacing(1),
 	gridColumnGap: e.spacing(1)
-})), FZ = j("div")({ gridColumn: "1 / 3" }), IZ = class extends N.Component {
+})), WZ = j("div")({ gridColumn: "1 / 3" }), GZ = class extends N.Component {
 	static propTypes = {
 		altIndex: I.default.number.isRequired,
 		configuration: I.default.object,
@@ -42096,17 +42183,17 @@ var SZ = xZ(re, "InputContainer") || xZ(TZ.InputContainer, "InputContainer"), CZ
 	};
 	render() {
 		let { altIndex: e, model: t, configuration: n, categories: r, imageSupport: i, spellCheck: a, uploadSoundSupport: o, mathMlOptions: s = {} } = this.props, { categoriesPerRow: c, errors: l, rowLabels: u } = t, { duplicateAlternate: d } = l || {}, f = { gridTemplateColumns: `repeat(${c}, 1fr)` }, p = d ? d.index === e : !1;
-		return /* @__PURE__ */ P(NZ, { children: /* @__PURE__ */ P(PZ, {
+		return /* @__PURE__ */ P(HZ, { children: /* @__PURE__ */ P(UZ, {
 			style: f,
 			children: r.map((t, r) => {
 				let l = r % c === 0, f = r / c;
-				return /* @__PURE__ */ F(N.Fragment, { children: [l && /* @__PURE__ */ P(FZ, {
+				return /* @__PURE__ */ F(N.Fragment, { children: [l && /* @__PURE__ */ P(WZ, {
 					style: {
 						gridColumn: `1/${c + 1}`,
 						width: "100%"
 					},
 					dangerouslySetInnerHTML: { __html: u[f] || "" }
-				}), /* @__PURE__ */ P(dZ, {
+				}), /* @__PURE__ */ P(bZ, {
 					alternateResponseIndex: e,
 					imageSupport: i,
 					isDuplicated: p && d.category === t.id,
@@ -42121,30 +42208,30 @@ var SZ = xZ(re, "InputContainer") || xZ(TZ.InputContainer, "InputContainer"), CZ
 			})
 		}) });
 	}
-}, LZ = Ve(/*#__PURE__*/ P("path", { d: "M20 9H4v2h16zM4 15h16v-2H4z" }), "DragHandle");
+}, KZ = Ve(/*#__PURE__*/ P("path", { d: "M20 9H4v2h16zM4 15h16v-2H4z" }), "DragHandle");
 //#endregion
 //#region src/author/design/choices/choice.tsx
 (0, Fc.default)("@pie-element:categorize:configure:choice");
-var RZ = (e) => {
+var qZ = (e) => {
 	if (e.lockChoiceOrder) return !0;
 	let t = e.choice.categoryCount || 0;
 	return t === 0 || e.correctResponseCount < t;
-}, zZ = j(We)(({ theme: e }) => ({
+}, JZ = j(We)(({ theme: e }) => ({
 	minWidth: "196px",
 	padding: e.spacing(1),
 	overflow: "visible"
-})), BZ = j(ta)({
+})), YZ = j(ta)({
 	padding: 0,
 	justifyContent: "space-between"
-}), VZ = j("span", { shouldForwardProp: (e) => e !== "draggable" })(({ draggable: e }) => ({
+}), XZ = j("span", { shouldForwardProp: (e) => e !== "draggable" })(({ draggable: e }) => ({
 	cursor: e ? "move" : "inherit",
 	touchAction: "none"
-})), HZ = j("div")(({ theme: e }) => ({
+})), ZZ = j("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingBottom: e.spacing(1)
-})), UZ = ({ allowMultiplePlacements: e, configuration: t, choice: n, deleteFocusedEl: r, focusedEl: i, index: a, onDelete: o, onChange: s, correctResponseCount: c, lockChoiceOrder: l, imageSupport: u, spellCheck: d, toolbarOpts: f, error: p, maxImageWidth: m, maxImageHeight: h, uploadSoundSupport: g }) => {
-	let _ = RZ({
+})), QZ = ({ allowMultiplePlacements: e, configuration: t, choice: n, deleteFocusedEl: r, focusedEl: i, index: a, onDelete: o, onChange: s, correctResponseCount: c, lockChoiceOrder: l, imageSupport: u, spellCheck: d, toolbarOpts: f, error: p, maxImageWidth: m, maxImageHeight: h, uploadSoundSupport: g }) => {
+	let _ = qZ({
 		choice: n,
 		correctResponseCount: c,
 		lockChoiceOrder: l
@@ -42167,20 +42254,20 @@ var RZ = (e) => {
 		n.content = e, s(n);
 	}, w = () => {
 		n.categoryCount === 1 ? n.categoryCount = 0 : n.categoryCount = 1, s(n);
-	}, ee = ((e) => e === _Z.perChoice)(e);
-	return /* @__PURE__ */ F(zZ, {
+	}, ee = ((e) => e === EZ.perChoice)(e);
+	return /* @__PURE__ */ F(JZ, {
 		ref: (e) => {
 			b(e), S(e);
 		},
 		style: { opacity: x ? .5 : 1 },
 		children: [
-			/* @__PURE__ */ P(BZ, { children: /* @__PURE__ */ P(VZ, {
+			/* @__PURE__ */ P(YZ, { children: /* @__PURE__ */ P(XZ, {
 				draggable: _,
 				...v,
 				...y,
-				children: /* @__PURE__ */ P(LZ, { color: _ ? "primary" : "disabled" })
+				children: /* @__PURE__ */ P(KZ, { color: _ ? "primary" : "disabled" })
 			}) }),
-			/* @__PURE__ */ P(VX, {
+			/* @__PURE__ */ P(XX, {
 				imageSupport: u,
 				focusedEl: i,
 				deleteFocusedEl: r,
@@ -42196,11 +42283,11 @@ var RZ = (e) => {
 				uploadSoundSupport: g,
 				configuration: t
 			}),
-			p && /* @__PURE__ */ P(HZ, { children: p }),
-			/* @__PURE__ */ F(BZ, { children: [/* @__PURE__ */ P(GX, {
+			p && /* @__PURE__ */ P(ZZ, { children: p }),
+			/* @__PURE__ */ F(YZ, { children: [/* @__PURE__ */ P(eZ, {
 				label: "delete",
 				onClick: o
-			}), ee && /* @__PURE__ */ P(EJ, {
+			}), ee && /* @__PURE__ */ P(FJ, {
 				mini: !0,
 				label: "Remove after placing",
 				checked: n.categoryCount === 1,
@@ -42209,7 +42296,7 @@ var RZ = (e) => {
 		]
 	});
 };
-UZ.propTypes = {
+QZ.propTypes = {
 	allowMultiplePlacements: I.default.string,
 	configuration: I.default.object.isRequired,
 	choice: I.default.object.isRequired,
@@ -42235,10 +42322,10 @@ UZ.propTypes = {
 	spellCheck: I.default.bool,
 	rearrangeChoices: I.default.func
 };
-var WZ = je.withUid(UZ), GZ = j("div")(({ theme: e }) => ({
+var $Z = je.withUid(QZ), eQ = j("div")(({ theme: e }) => ({
 	paddingTop: e.spacing(1),
 	marginBottom: e.spacing(1)
-})), KZ = j(Dc)({ width: "100%" }), qZ = class extends N.Component {
+})), tQ = j(Dc)({ width: "100%" }), nQ = class extends N.Component {
 	static propTypes = {
 		config: I.default.object,
 		onModelChanged: I.default.func,
@@ -42250,7 +42337,7 @@ var WZ = je.withUid(UZ), GZ = j("div")(({ theme: e }) => ({
 	};
 	render() {
 		let { config: e, spellCheck: t } = this.props;
-		return /* @__PURE__ */ P(GZ, { children: /* @__PURE__ */ P(KZ, {
+		return /* @__PURE__ */ P(eQ, { children: /* @__PURE__ */ P(tQ, {
 			InputLabelProps: { shrink: !0 },
 			variant: "outlined",
 			label: "Label",
@@ -42259,17 +42346,17 @@ var WZ = je.withUid(UZ), GZ = j("div")(({ theme: e }) => ({
 			spellCheck: t
 		}) });
 	}
-}, JZ = j("div")(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), YZ = j("div")(({ theme: e }) => ({
+}, rQ = j("div")(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), iQ = j("div")(({ theme: e }) => ({
 	paddingTop: e.spacing(1),
 	paddingBottom: e.spacing(1),
 	display: "grid",
 	gridRowGap: e.spacing(1),
 	gridColumnGap: e.spacing(1)
-})), XZ = j("div")(({ theme: e }) => ({
+})), aQ = j("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(.5)
-})), ZZ = class extends N.Component {
+})), oQ = class extends N.Component {
 	static propTypes = {
 		model: I.default.object.isRequired,
 		configuration: I.default.object.isRequired,
@@ -42301,7 +42388,7 @@ var WZ = je.withUid(UZ), GZ = j("div")(({ theme: e }) => ({
 	addChoice = () => {
 		let { onModelChanged: e, model: t, choices: n } = this.props, { maxAnswerChoices: r } = t || {};
 		if (r && t.choices?.length >= r) return;
-		let i = zY.firstAvailableIndex(t.choices.map((e) => e.id), 1), a = {
+		let i = JY.firstAvailableIndex(t.choices.map((e) => e.id), 1), a = {
 			id: i,
 			content: "Choice " + i
 		};
@@ -42318,22 +42405,22 @@ var WZ = je.withUid(UZ), GZ = j("div")(({ theme: e }) => ({
 	};
 	render() {
 		let { focusedEl: e } = this.state, { choices: t, model: n, imageSupport: r, uploadSoundSupport: i, onModelChanged: a, spellCheck: o, toolbarOpts: s, configuration: c, defaultImageMaxWidth: l, defaultImageMaxHeight: u } = this.props, { errors: d, allowMultiplePlacementsEnabled: f, lockChoiceOrder: p, maxAnswerChoices: m } = n, { choicesError: h, choicesErrors: g } = d || {}, { maxImageWidth: _ = {}, maxImageHeight: v = {} } = c || {}, y = { gridTemplateColumns: `repeat(${n.categoriesPerRow}, 1fr)` }, b = m && t?.length >= m ? `Only ${m} allowed maximum` : "";
-		return /* @__PURE__ */ F(JZ, { children: [
-			/* @__PURE__ */ P(hZ, {
+		return /* @__PURE__ */ F(rQ, { children: [
+			/* @__PURE__ */ P(wZ, {
 				label: "Choices",
 				buttonLabel: "ADD A CHOICE",
 				onAdd: this.addChoice,
 				buttonDisabled: m && t && t?.length >= m,
 				tooltip: b
 			}),
-			/* @__PURE__ */ P(qZ, {
+			/* @__PURE__ */ P(nQ, {
 				config: n,
 				onModelChanged: a,
 				spellCheck: o
 			}),
-			/* @__PURE__ */ P(YZ, {
+			/* @__PURE__ */ P(iQ, {
 				style: y,
-				children: t.map((t, n) => /* @__PURE__ */ P(WZ, {
+				children: t.map((t, n) => /* @__PURE__ */ P($Z, {
 					choice: t,
 					focusedEl: e,
 					deleteFocusedEl: this.deleteFocusedEl,
@@ -42353,10 +42440,10 @@ var WZ = je.withUid(UZ), GZ = j("div")(({ theme: e }) => ({
 					configuration: c
 				}, t.id))
 			}),
-			h && /* @__PURE__ */ P(XZ, { children: h })
+			h && /* @__PURE__ */ P(aQ, { children: h })
 		] });
 	}
-}, QZ = (e, t, n) => ut(e).map((e) => {
+}, sQ = (e, t, n) => ut(e).map((e) => {
 	let r = n.find((t) => t.category === e.id);
 	return r && (e.choices = (r.choices || []).map((e) => {
 		let n = t.find((t) => t.id === e);
@@ -42365,17 +42452,17 @@ var WZ = je.withUid(UZ), GZ = j("div")(({ theme: e }) => ({
 			content: n.content
 		});
 	})), e;
-}), $Z = (e, t, n) => !e.alternateResponses || e.alternateResponses.length === 0 ? [] : (e.alternateResponses[n] || []).map((e) => t.find((t) => t.id === e)), eQ = (e, t, n) => {
+}), cQ = (e, t, n) => !e.alternateResponses || e.alternateResponses.length === 0 ? [] : (e.alternateResponses[n] || []).map((e) => t.find((t) => t.id === e)), lQ = (e, t, n) => {
 	let r = n.reduce((e, t) => t.alternateResponses && t.alternateResponses.length >= e ? t.alternateResponses.length : e, 0);
 	return Array(r).fill(0).map((r, i) => n.map((n, r) => {
 		let a = e[r];
 		return {
 			id: a.id,
 			label: a.label,
-			choices: $Z(n, t, i)
+			choices: cQ(n, t, i)
 		};
 	}));
-}, { translator: tQ } = at, { dropdown: nQ, Panel: rQ, toggle: iQ, radio: aQ, numberField: oQ } = gX, { Provider: sQ } = je, cQ = class extends N.Component {
+}, { translator: uQ } = at, { dropdown: dQ, Panel: fQ, toggle: pQ, radio: mQ, numberField: hQ } = TX, { Provider: gQ } = je, _Q = class extends N.Component {
 	containerRef = N.createRef();
 	componentDidMount() {
 		this.containerRef.current && setTimeout(() => o(this.containerRef.current), 0);
@@ -42386,16 +42473,16 @@ var WZ = je.withUid(UZ), GZ = j("div")(({ theme: e }) => ({
 			children: this.props.children
 		});
 	}
-}, lQ = j(hZ)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), uQ = j(OX)(({ theme: e }) => ({
+}, vQ = j(wZ)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), yQ = j(LX)(({ theme: e }) => ({
 	width: "100%",
 	paddingTop: e.spacing(1),
 	marginTop: e.spacing(1),
 	marginBottom: e.spacing(2)
-})), dQ = j("div")(({ theme: e }) => ({
+})), bQ = j("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(1)
-})), fQ = class extends N.Component {
+})), xQ = class extends N.Component {
 	static propTypes = {
 		configuration: I.default.object,
 		className: I.default.string,
@@ -42468,13 +42555,13 @@ var WZ = je.withUid(UZ), GZ = j("div")(({ theme: e }) => ({
 		let { model: t } = this.props;
 		return gt(e.id, t.correctResponse);
 	};
-	checkAllowMultiplePlacements = (e, t) => e === _Z.enabled ? 0 : e === _Z.disabled ? 1 : t.categoryCount || 0;
+	checkAllowMultiplePlacements = (e, t) => e === EZ.enabled ? 0 : e === EZ.disabled ? 1 : t.categoryCount || 0;
 	isAlertModalOpened = () => {
-		let { model: e } = this.props, { maxChoicesPerCategory: t = 0 } = e || {}, n = yZ(e);
+		let { model: e } = this.props, { maxChoicesPerCategory: t = 0 } = e || {}, n = OZ(e);
 		return t !== 0 && n > t;
 	};
 	onAlertModalCancel = () => {
-		let { model: e } = this.props, t = yZ(e);
+		let { model: e } = this.props, t = OZ(e);
 		this.updateModel({ maxChoicesPerCategory: t });
 	};
 	onDragStart = (e) => {
@@ -42517,7 +42604,7 @@ var WZ = je.withUid(UZ), GZ = j("div")(({ theme: e }) => ({
 	addChoiceToCategory = (e, t) => {
 		let { model: n } = this.props, { choices: r = [], correctResponse: i = [], maxChoicesPerCategory: a = 0 } = n || {}, o = (r || []).find((t) => t.id === e.id), s = St(e.id, void 0, t, 0, i);
 		o.categoryCount !== 0 && (s = yt(e, t, s));
-		let c = yZ(n);
+		let c = OZ(n);
 		this.updateModel({
 			correctResponse: s,
 			maxChoicesPerCategory: a !== 0 && a < c ? a + 1 : a
@@ -42531,7 +42618,7 @@ var WZ = je.withUid(UZ), GZ = j("div")(({ theme: e }) => ({
 		let { model: i } = this.props, { choices: a, correctResponse: o = [], maxChoicesPerCategory: s = 0 } = i || {}, c = (a || []).find((t) => t.id === e);
 		if (n === t || !c) return;
 		c.categoryCount === 0 ? c.categoryCount === 0 && (o = St(c.id, void 0, n, 0, o)) : (o = St(c.id, t, n, r, o), o = yt(c, n, o));
-		let l = yZ(i);
+		let l = OZ(i);
 		this.updateModel({
 			correctResponse: o,
 			maxChoicesPerCategory: s !== 0 && s < l ? s + 1 : s
@@ -42540,7 +42627,7 @@ var WZ = je.withUid(UZ), GZ = j("div")(({ theme: e }) => ({
 	addChoiceToAlternateCategory = (e, t, n) => {
 		let { model: r } = this.props, { correctResponse: i, choices: a, maxChoicesPerCategory: o = 0 } = r, s = a.find((t) => t.id === e.id);
 		i.forEach((r) => r.category === t ? (r.alternateResponses = r.alternateResponses || [], r.alternateResponses[n] === void 0 && (r.alternateResponses[n] = []), r.alternateResponses[n].push(e.id), s.categoryCount && s.categoryCount !== 0 && (r.alternateResponses[n] = r.alternateResponses[n].reduce((e, t) => (t === s.id ? e.findIndex((e) => e === s.id) === -1 && e.push(t) : e.push(t), e), [])), r) : (r.alternateResponses[n] && s.categoryCount !== 0 && (r.alternateResponses[n] = r.alternateResponses[n].filter((t) => t !== e.id)), r));
-		let c = yZ(r);
+		let c = OZ(r);
 		this.updateModel({
 			correctResponse: i,
 			maxChoicesPerCategory: o !== 0 && o < c ? o + 1 : o
@@ -42549,7 +42636,7 @@ var WZ = je.withUid(UZ), GZ = j("div")(({ theme: e }) => ({
 	moveChoiceInAlternate = (e, t, n, r, i) => {
 		let { model: a } = this.props, { choices: o, correctResponse: s = [], maxChoicesPerCategory: c = 0 } = a || {}, l = (o || []).find((t) => t.id === e);
 		s = wt(e, t, n, r, s, i, l?.categoryCount);
-		let u = yZ(a);
+		let u = OZ(a);
 		this.updateModel({
 			correctResponse: s,
 			maxChoicesPerCategory: c !== 0 && c < u ? c + 1 : c
@@ -42564,16 +42651,16 @@ var WZ = je.withUid(UZ), GZ = j("div")(({ theme: e }) => ({
 		if (!e) return null;
 		if (e.type === "choice") {
 			let r = t.choices?.find((t) => t.id === e.id);
-			return r ? /* @__PURE__ */ P(WZ, {
+			return r ? /* @__PURE__ */ P($Z, {
 				choice: r,
 				configuration: n
 			}) : null;
 		} else if (e.type === "choice-preview" && e.alternateResponseIndex === void 0) {
 			let n = t.choices?.find((t) => t.id === e.id);
-			return n ? /* @__PURE__ */ P(tZ, { choice: n }) : null;
+			return n ? /* @__PURE__ */ P(uZ, { choice: n }) : null;
 		} else if (e.type === "choice-preview" && e.alternateResponseIndex !== void 0) {
 			let n = t.choices?.find((t) => t.id === e.id);
-			return n ? /* @__PURE__ */ P(tZ, {
+			return n ? /* @__PURE__ */ P(uZ, {
 				choice: n,
 				alternateResponseIndex: e.alternateResponseIndex
 			}) : null;
@@ -42586,66 +42673,66 @@ var WZ = je.withUid(UZ), GZ = j("div")(({ theme: e }) => ({
 			label: "",
 			columns: 2
 		};
-		let me = QZ(n.categories || [], n.choices || [], n.correctResponse || []), he = eQ(n.categories || [], n.choices || [], n.correctResponse || []), ge = (() => {
+		let me = sQ(n.categories || [], n.choices || [], n.correctResponse || []), he = lQ(n.categories || [], n.choices || [], n.correctResponse || []), ge = (() => {
 			if (n.allowMultiplePlacementsEnabled != null) return n.allowMultiplePlacementsEnabled;
 			let e = (n.correctResponse || []).flatMap((e) => e.choices || []);
-			return e.length === new Set(e).size ? _Z.disabled : _Z.enabled;
+			return e.length === new Set(e).size ? EZ.disabled : EZ.enabled;
 		})(), _e = n.choices.map((e) => (e.correctResponseCount = this.countChoiceInCorrectResponse(e), e.categoryCount = this.checkAllowMultiplePlacements(ge, e), e)), ve = m && m.prompt, be = p && p.prompt, xe = {
-			partialScoring: _.settings && iQ(_.label),
-			lockChoiceOrder: f.settings && iQ(f.label),
-			categoriesPerRow: c.settings && oQ(c.label, {
+			partialScoring: _.settings && pQ(_.label),
+			lockChoiceOrder: f.settings && pQ(f.label),
+			categoriesPerRow: c.settings && hQ(c.label, {
 				label: c.label,
 				min: g,
 				max: 6
 			}),
-			choicesPosition: l.settings && aQ(l.label, [
+			choicesPosition: l.settings && mQ(l.label, [
 				"below",
 				"above",
 				"left",
 				"right"
 			]),
-			allowMultiplePlacementsEnabled: o.settings && nQ(o.label, [
-				_Z.enabled,
-				_Z.disabled,
-				_Z.perChoice
+			allowMultiplePlacementsEnabled: o.settings && dQ(o.label, [
+				EZ.enabled,
+				EZ.disabled,
+				EZ.perChoice
 			]),
-			maxAnswerChoices: O.settings && oQ(O.label, {
+			maxAnswerChoices: O.settings && hQ(O.label, {
 				label: "",
 				min: _e?.length || 0,
 				max: 30
 			}),
-			allowMaxChoicesPerCategory: h.settings && iQ(h.label),
-			maxChoicesPerCategory: k === !0 && oQ(h.label, {
+			allowMaxChoicesPerCategory: h.settings && pQ(h.label),
+			maxChoicesPerCategory: k === !0 && hQ(h.label, {
 				label: "",
 				min: 0,
 				max: 30
 			}),
-			promptEnabled: v.settings && iQ(v.label),
-			feedbackEnabled: d.settings && iQ(d.label),
-			allowAlternateEnabled: a.settings && iQ(a.label),
-			"language.enabled": E.settings && iQ(E.label, !0),
-			language: E.settings && E.enabled && nQ(D.label, D.options)
+			promptEnabled: v.settings && pQ(v.label),
+			feedbackEnabled: d.settings && pQ(d.label),
+			allowAlternateEnabled: a.settings && pQ(a.label),
+			"language.enabled": E.settings && pQ(E.label, !0),
+			language: E.settings && E.enabled && dQ(D.label, D.options)
 		}, Se = {
-			teacherInstructionsEnabled: w.settings && iQ(w.label),
-			studentInstructionsEnabled: C.settings && iQ(C.label),
-			rationaleEnabled: y.settings && iQ(y.label),
-			spellCheckEnabled: S.settings && iQ(S.label),
-			scoringType: b.settings && aQ(b.label, ["auto", "rubric"]),
-			rubricEnabled: ee?.settings && iQ(ee?.label)
-		}, Ce = this.isAlertModalOpened(), we = tQ.t("translation:categorize:maxChoicesPerCategoryRestriction", {
+			teacherInstructionsEnabled: w.settings && pQ(w.label),
+			studentInstructionsEnabled: C.settings && pQ(C.label),
+			rationaleEnabled: y.settings && pQ(y.label),
+			spellCheckEnabled: S.settings && pQ(S.label),
+			scoringType: b.settings && mQ(b.label, ["auto", "rubric"]),
+			rubricEnabled: ee?.settings && pQ(ee?.label)
+		}, Ce = this.isAlertModalOpened(), we = uQ.t("translation:categorize:maxChoicesPerCategoryRestriction", {
 			lng: n.language,
 			maxChoicesPerCategory: A
 		});
 		return /* @__PURE__ */ P(Je, {
 			onDragStart: this.onDragStart,
 			onDragEnd: this.onDragEnd,
-			children: /* @__PURE__ */ F(sQ, {
+			children: /* @__PURE__ */ F(gQ, {
 				value: this.uid,
-				children: [/* @__PURE__ */ F(RY.ConfigLayout, {
+				children: [/* @__PURE__ */ F(qY.ConfigLayout, {
 					extraCSSRules: le,
 					dimensions: u,
 					hideSettings: x,
-					settings: /* @__PURE__ */ P(rQ, {
+					settings: /* @__PURE__ */ P(fQ, {
 						model: {
 							...n,
 							allowMultiplePlacementsEnabled: ge
@@ -42665,27 +42752,27 @@ var WZ = je.withUid(UZ), GZ = j("div")(({ theme: e }) => ({
 						})
 					}),
 					children: [
-						se && /* @__PURE__ */ F(uQ, {
+						se && /* @__PURE__ */ F(yQ, {
 							label: w.label,
-							children: [/* @__PURE__ */ P(tJ, {
+							children: [/* @__PURE__ */ P(uJ, {
 								markup: n.teacherInstructions || "",
 								onChange: this.changeTeacherInstructions,
 								imageSupport: t,
 								error: fe,
 								nonEmpty: !1,
 								toolbarOpts: pe,
-								pluginProps: LX(w?.inputConfiguration, s),
+								pluginProps: KX(w?.inputConfiguration, s),
 								spellCheck: oe,
 								maxImageWidth: m && m.teacherInstructions || ve,
 								maxImageHeight: p && p.teacherInstructions || be,
 								uploadSoundSupport: r,
 								languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 								mathMlOptions: T
-							}), fe && /* @__PURE__ */ P(dQ, { children: fe })]
+							}), fe && /* @__PURE__ */ P(bQ, { children: fe })]
 						}),
-						ie && /* @__PURE__ */ F(uQ, {
+						ie && /* @__PURE__ */ F(yQ, {
 							label: v.label,
-							children: [/* @__PURE__ */ P(tJ, {
+							children: [/* @__PURE__ */ P(uJ, {
 								markup: n.prompt || "",
 								onChange: this.onPromptChanged,
 								imageSupport: t,
@@ -42693,16 +42780,16 @@ var WZ = je.withUid(UZ), GZ = j("div")(({ theme: e }) => ({
 								nonEmpty: !1,
 								disableUnderline: !0,
 								toolbarOpts: pe,
-								pluginProps: LX(v?.inputConfiguration, s),
+								pluginProps: KX(v?.inputConfiguration, s),
 								spellCheck: oe,
 								maxImageWidth: m && m.prompt,
 								maxImageHeight: p && p.prompt,
 								uploadSoundSupport: r,
 								languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 								mathMlOptions: T
-							}), ue && /* @__PURE__ */ P(dQ, { children: ue })]
+							}), ue && /* @__PURE__ */ P(bQ, { children: ue })]
 						}),
-						/* @__PURE__ */ P(MZ, {
+						/* @__PURE__ */ P(VZ, {
 							imageSupport: t,
 							uploadSoundSupport: r,
 							model: n,
@@ -42715,7 +42802,7 @@ var WZ = je.withUid(UZ), GZ = j("div")(({ theme: e }) => ({
 							defaultImageMaxHeight: be,
 							mathMlOptions: T
 						}),
-						/* @__PURE__ */ P(ZZ, {
+						/* @__PURE__ */ P(oQ, {
 							imageSupport: t,
 							uploadSoundSupport: r,
 							choices: _e,
@@ -42730,17 +42817,17 @@ var WZ = je.withUid(UZ), GZ = j("div")(({ theme: e }) => ({
 							defaultImageMaxWidth: ve,
 							defaultImageMaxHeight: be
 						}),
-						te && /* @__PURE__ */ P(lQ, {
+						te && /* @__PURE__ */ P(vQ, {
 							label: "Alternate Responses",
 							buttonLabel: "ADD AN ALTERNATE RESPONSE",
 							onAdd: this.onAddAlternateResponse
 						}),
-						te && he.map((i, a) => /* @__PURE__ */ F(N.Fragment, { children: [/* @__PURE__ */ P(lQ, {
+						te && he.map((i, a) => /* @__PURE__ */ F(N.Fragment, { children: [/* @__PURE__ */ P(vQ, {
 							variant: "subtitle1",
 							label: "Alternate Response",
 							buttonLabel: "REMOVE ALTERNATE RESPONSE",
 							onAdd: () => this.onRemoveAlternateResponse(a)
-						}), /* @__PURE__ */ P(IZ, {
+						}), /* @__PURE__ */ P(GZ, {
 							altIndex: a,
 							imageSupport: t,
 							model: n,
@@ -42750,35 +42837,35 @@ var WZ = je.withUid(UZ), GZ = j("div")(({ theme: e }) => ({
 							uploadSoundSupport: r,
 							mathMlOptions: T
 						})] }, a)),
-						ae && /* @__PURE__ */ F(uQ, {
+						ae && /* @__PURE__ */ F(yQ, {
 							label: y.label,
-							children: [/* @__PURE__ */ P(tJ, {
+							children: [/* @__PURE__ */ P(uJ, {
 								markup: n.rationale || "",
 								onChange: this.changeRationale,
 								imageSupport: t,
 								error: de,
 								nonEmpty: !1,
 								toolbarOpts: pe,
-								pluginProps: LX(v?.inputConfiguration, s),
+								pluginProps: KX(v?.inputConfiguration, s),
 								spellCheck: oe,
 								maxImageWidth: m && m.rationale || ve,
 								maxImageHeight: p && p.rationale || be,
 								uploadSoundSupport: r,
 								languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 								mathMlOptions: T
-							}), de && /* @__PURE__ */ P(dQ, { children: de })]
+							}), de && /* @__PURE__ */ P(bQ, { children: de })]
 						}),
-						re && /* @__PURE__ */ P(xJ, {
+						re && /* @__PURE__ */ P(AJ, {
 							feedback: n.feedback,
 							onChange: this.changeFeedback,
 							toolbarOpts: pe
 						})
 					]
-				}), /* @__PURE__ */ P(ye, { children: /* @__PURE__ */ P(cQ, { children: this.renderDragOverlay() }) })]
+				}), /* @__PURE__ */ P(ye, { children: /* @__PURE__ */ P(_Q, { children: this.renderDragOverlay() }) })]
 			})
 		});
 	}
-}, pQ = class extends N.Component {
+}, SQ = class extends N.Component {
 	static propTypes = {
 		configuration: I.default.object,
 		onConfigurationChanged: I.default.func,
@@ -42790,7 +42877,7 @@ var WZ = je.withUid(UZ), GZ = j("div")(({ theme: e }) => ({
 	static defaultProps = {};
 	render() {
 		let { model: e, onModelChanged: t, configuration: n, onConfigurationChanged: r, imageSupport: i, uploadSoundSupport: a } = this.props;
-		return /* @__PURE__ */ P(fQ, {
+		return /* @__PURE__ */ P(xQ, {
 			imageSupport: i,
 			uploadSoundSupport: a,
 			title: "Design",
@@ -42800,7 +42887,7 @@ var WZ = je.withUid(UZ), GZ = j("div")(({ theme: e }) => ({
 			onConfigurationChanged: r
 		});
 	}
-}, mQ = {
+}, CQ = {
 	model: {
 		allowAlternateEnabled: !0,
 		allowMaxChoicesPerCategory: !1,
@@ -42964,9 +43051,9 @@ var WZ = je.withUid(UZ), GZ = j("div")(({ theme: e }) => ({
 			options: []
 		}
 	}
-}, hQ = class e extends HTMLElement {
+}, wQ = class e extends HTMLElement {
 	static createDefaultModel = (e = {}) => ({
-		...mQ.model,
+		...CQ.model,
 		...e
 	});
 	static disableAlternateResponses = (e) => {
@@ -42983,14 +43070,14 @@ var WZ = je.withUid(UZ), GZ = j("div")(({ theme: e }) => ({
 		};
 	};
 	constructor() {
-		super(), this._root = null, this._model = e.createDefaultModel(), this._configuration = mQ.configuration;
+		super(), this._root = null, this._model = e.createDefaultModel(), this._configuration = CQ.configuration;
 	}
 	set model(t) {
 		this._model = e.createDefaultModel(t), t.choices && t.choices.length >= t.maxAnswerChoices && (this._model.maxAnswerChoices = t.choices.length, console.warn("Max Answer Choices can't be less than choices length!")), this.render();
 	}
 	set configuration(e) {
 		let t = {
-			...mQ.configuration,
+			...CQ.configuration,
 			...e
 		};
 		this._configuration = t, t?.language?.enabled ? t?.languageChoices?.options?.length && (this._model.language = t?.languageChoices.options[0].value) : t.language.settings && this._model.language ? (this._configuration.language.enabled = !0, (!this._configuration.languageChoices.options || !this._configuration.languageChoices.options.length) && (this._configuration.languageChoices.options = []), this._configuration.languageChoices.options.find((e) => e.value === this._model.language) || this._configuration.languageChoices.options.push({
@@ -42999,7 +43086,7 @@ var WZ = je.withUid(UZ), GZ = j("div")(({ theme: e }) => ({
 		})) : delete this._model.language, this.render();
 	}
 	onModelChanged(e) {
-		this._model = e, this.render(), this.dispatchEvent(new MX(this._model, !1));
+		this._model = e, this.render(), this.dispatchEvent(new VX(this._model, !1));
 	}
 	onConfigurationChanged(e) {
 		this._configuration = e, this.render();
@@ -43008,19 +43095,19 @@ var WZ = je.withUid(UZ), GZ = j("div")(({ theme: e }) => ({
 		this.render();
 	}
 	insertImage(e) {
-		this.dispatchEvent(new PX(e));
+		this.dispatchEvent(new UX(e));
 	}
 	onDeleteImage(e, t) {
-		this.dispatchEvent(new NX(e, t));
+		this.dispatchEvent(new HX(e, t));
 	}
 	insertSound(e) {
-		this.dispatchEvent(new IX(e));
+		this.dispatchEvent(new GX(e));
 	}
 	onDeleteSound(e, t) {
-		this.dispatchEvent(new FX(e, t));
+		this.dispatchEvent(new WX(e, t));
 	}
 	render() {
-		let e = N.createElement(pQ, {
+		let e = N.createElement(SQ, {
 			model: this._model,
 			configuration: this._configuration,
 			onModelChanged: this.onModelChanged.bind(this),
@@ -43043,6 +43130,6 @@ var WZ = je.withUid(UZ), GZ = j("div")(({ theme: e }) => ({
 	}
 };
 //#endregion
-export { hQ as default };
+export { wQ as default };
 
 //# sourceMappingURL=index.js.map