@pie-element/drawing-response 12.1.2-next.7 → 12.1.2-next.9

package/dist/browser/author/index.js

@@ -1,5 +1,5 @@
 import { a as e, i as t, n, t as r } from "../browser-kkT1XVKw.js";
-import { $ as i, A as a, B as o, Ct as s, D as c, Dt as l, E as u, Et as d, F as f, G as p, H as m, I as h, J as g, K as _, L as v, M as y, N as b, O as x, Ot as S, P as C, Q as w, R as T, S as E, St as ee, T as te, Tt as D, U as ne, V as re, W as ie, X as ae, Y as oe, Z as se, _t as ce, a as le, at as ue, b as de, bt as fe, c as pe, ct as me, d as he, dt as ge, et as _e, f as ve, ft as ye, g as be, gt as xe, h as Se, ht as Ce, i as we, it as Te, j as Ee, k as De, kt as Oe, l as ke, lt as Ae, m as je, mt as Me, n as Ne, nt as Pe, o as Fe, ot as Ie, p as Le, pt as O, q as Re, r as ze, rt as Be, s as Ve, st as He, t as Ue, tt as We, ut as Ge, v as Ke, vt as qe, w as Je, wt as Ye, x as Xe, xt as Ze, y as Qe, yt as $e, z as et } from "../MenuItem-DVFofzMc.js";
+import { $ as i, A as a, B as o, Ct as s, D as c, Dt as l, E as u, Et as d, F as f, G as p, H as m, I as h, J as g, K as _, L as v, M as y, N as b, O as x, Ot as S, P as C, Q as w, R as T, S as E, St as ee, T as te, Tt as D, U as ne, V as re, W as ie, X as ae, Y as oe, Z as se, _t as ce, a as le, at as ue, b as de, bt as fe, c as pe, ct as me, d as he, dt as ge, et as _e, f as ve, ft as ye, g as be, gt as xe, h as Se, ht as Ce, i as we, it as Te, j as Ee, k as De, kt as Oe, l as ke, lt as Ae, m as je, mt as Me, n as Ne, nt as Pe, o as Fe, ot as Ie, p as Le, pt as O, q as Re, r as ze, rt as Be, s as Ve, st as He, t as Ue, tt as We, ut as Ge, v as Ke, vt as qe, w as Je, wt as Ye, x as Xe, xt as Ze, y as Qe, yt as $e, z as et } from "../MenuItem-CiWoKjIT.js";
 import * as k from "react";
 import A, { Component as tt, createContext as nt, createElement as rt, createRef as it, forwardRef as at, memo as ot, useCallback as st, useContext as ct, useDebugValue as lt, useEffect as ut, useLayoutEffect as dt, useMemo as ft, useRef as pt, useState as mt, version as ht } from "react";
 import { createRoot as gt } from "react-dom/client";
@@ -38149,8 +38149,8 @@ Iy.create({
 		})) ?? null };
 	}
 });
-var BK = "placeholder", VK = new Ul("tiptap__placeholder"), HK = 200;
-function UK(e) {
+var BK = "placeholder", VK = new Ul("tiptap__placeholder");
+function HK(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), zh.node(i, i + a.nodeSize, {
 		class: u.join(" "),
@@ -38162,156 +38162,198 @@ function UK(e) {
 		}) : n
 	});
 }
-function WK({ editor: e, options: t, dataAttribute: n, doc: r, selection: i }) {
+function UK(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+function WK({ 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 && Wv(r);
+		return r.type.isTextblock && (a || !t.showOnlyCurrent) && o && c.push(HK({
+			editor: e,
+			isEmptyDoc: l,
+			dataAttribute: n,
+			hasAnchor: a,
+			placeholder: t.placeholder,
+			classes: {
+				emptyEditor: t.emptyEditorClass,
+				emptyNode: UK(t.emptyNodeClass, {
+					editor: e,
+					node: r,
+					pos: i,
+					hasAnchor: a
+				})
+			},
+			node: r,
+			pos: i
+		})), t.includeChildren;
+	}), c;
+}
+function GK({ 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 && Wv(l)) {
-			let r = a >= u && a <= u + l.nodeSize;
-			o.push(UK({
+		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 && Wv(c)) {
+			let r = a >= l && a <= l + c.nodeSize;
+			o.push(HK({
 				editor: e,
 				isEmptyDoc: s,
 				dataAttribute: n,
 				hasAnchor: r,
 				placeholder: t.placeholder,
-				classes: c,
-				node: l,
-				pos: u
+				classes: {
+					emptyEditor: t.emptyEditorClass,
+					emptyNode: UK(t.emptyNodeClass, {
+						editor: e,
+						node: c,
+						pos: l,
+						hasAnchor: r
+					})
+				},
+				node: c,
+				pos: l
 			}));
 		}
-	} else {
-		let i = VK.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 && Wv(r);
-			return r.type.isTextblock && (l || !t.showOnlyCurrent) && u && o.push(UK({
-				editor: e,
-				isEmptyDoc: s,
-				dataAttribute: n,
-				hasAnchor: l,
-				placeholder: t.placeholder,
-				classes: c,
-				node: r,
-				pos: i
-			})), t.includeChildren;
-		});
-	}
+	} else o.push(...WK({
+		editor: e,
+		options: t,
+		dataAttribute: n,
+		doc: r,
+		selection: i,
+		from: 0,
+		to: r.content.size
+	}));
 	return Hh.create(r, o);
 }
-function GK(e) {
-	return e.replace(/\s+/g, "-").replace(/[^a-zA-Z0-9-]/g, "").replace(/^[0-9-]+/, "").replace(/^-+/, "").toLowerCase();
+function KK(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 KK(e) {
-	let t = getComputedStyle(e), n = `${t.overflow} ${t.overflowY} ${t.overflowX}`;
-	return /auto|scroll|overlay/.test(n);
+function qK(e, t) {
+	return {
+		from: Math.max(0, t.from - 1),
+		to: Math.min(e.content.size, t.to - 1)
+	};
 }
-function qK(e) {
-	let t = e;
-	for (; t;) {
-		if (KK(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 JK(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 YK(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 JK(e) {
-	return e === window ? {
-		top: 0,
-		bottom: window.innerHeight
-	} : e.getBoundingClientRect();
+function XK(e, t) {
+	let n = JK(e, t.from, t.to);
+	return n.push(qK(e, KK(e, t.from))), t.to > t.from ? n.push(qK(e, KK(e, Math.min(t.to, e.content.size + 1) - 1))) : t.from < e.content.size + 1 && n.push(qK(e, KK(e, Math.min(t.from + 1, e.content.size)))), n;
 }
-function YK({ doc: e, view: t, scrollContainer: n }) {
-	let r = t.dom.getBoundingClientRect(), i = n ? JK(n) : {
-		top: 0,
-		bottom: window.innerHeight
-	}, a = Math.max(r.top, i.top) - HK, o = Math.min(r.bottom, i.bottom) + HK;
-	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 ZK(e, t, n) {
+	let r = [];
+	if (e.docChanged) {
+		let t = Nv(e);
+		for (let e of t) r.push(...XK(n.doc, e.newRange));
+	}
+	return e.selectionSet && (r.push(qK(n.doc, KK(n.doc, e.mapping.map(t.selection.anchor)))), r.push(qK(n.doc, KK(n.doc, n.selection.anchor)))), YK(r);
 }
-var XK = {
-	init() {
-		return {
-			topPos: null,
-			bottomPos: null
-		};
-	},
-	apply(e, t) {
-		let n = e.getMeta(VK);
-		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 QK(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 $K({ 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 } = QK(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 = WK({
+			editor: n,
+			options: r,
+			dataAttribute: i,
+			doc: a,
+			selection: o,
+			from: t,
+			to: c
+		});
+		u.length && (s = s.add(a, u));
 	}
-};
-function ZK(e) {
-	let t = qK(e.dom), n = () => {
-		let n = YK({
-			view: e,
-			doc: e.state.doc,
-			scrollContainer: t
-		}), r = VK.getState(e.state);
-		if (r?.topPos === n.top && r?.bottomPos === n.bottom) return;
-		let i = e.state.tr.setMeta(VK, { 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 eq({ editor: e, options: t, dataAttribute: n }) {
+	return {
+		init(r, i) {
+			return GK({
+				editor: e,
+				options: t,
+				dataAttribute: n,
+				doc: i.doc,
+				selection: i.selection
+			}) ?? Hh.empty;
 		},
-		destroy: () => {
-			r !== null && cancelAnimationFrame(r), t.removeEventListener("scroll", a);
+		apply(r, i, a, o) {
+			return !r.docChanged && !r.selectionSet ? i : $K({
+				decorations: i.map(r.mapping, r.doc),
+				ranges: ZK(r, a, o),
+				editor: e,
+				options: t,
+				dataAttribute: n,
+				doc: o.doc,
+				selection: o.selection
+			});
 		}
 	};
 }
-function QK({ editor: e, options: t }) {
-	let n = t.dataAttribute ? `data-${GK(t.dataAttribute)}` : `data-${BK}`;
+function tq(e) {
+	return e.replace(/\s+/g, "-").replace(/[^a-zA-Z0-9-]/g, "").replace(/^[0-9-]+/, "").replace(/^-+/, "").toLowerCase();
+}
+function nq({ editor: e, options: t }) {
+	let n = t.dataAttribute ? `data-${tq(t.dataAttribute)}` : `data-${BK}`, r = t.showOnlyCurrent && !t.includeChildren;
 	return new z({
 		key: VK,
-		state: XK,
-		view: ZK,
-		props: { decorations: ({ doc: r, selection: i }) => WK({
+		...r ? {} : { state: eq({
+			editor: e,
+			options: t,
+			dataAttribute: n
+		}) },
+		props: { decorations: r ? ({ doc: r, selection: i }) => GK({
 			editor: e,
 			options: t,
 			dataAttribute: n,
 			doc: r,
 			selection: i
-		}) }
+		}) : (n) => t.showOnlyWhenEditable && !e.isEditable ? Hh.empty : VK.getState(n) ?? Hh.empty }
 	});
 }
-var $K = Iy.create({
+var rq = Iy.create({
 	name: "placeholder",
 	addOptions() {
 		return {
@@ -38325,12 +38367,25 @@ var $K = Iy.create({
 		};
 	},
 	addProseMirrorPlugins() {
-		return [QK({
+		return [nq({
 			editor: this.editor,
 			options: this.options
 		})];
 	}
 });
+function iq(e, t) {
+	return !e.selection.empty && !Gv(e.selection) && t.isEditable;
+}
+function aq(e, t) {
+	return iq(e, t) && !t.isFocused && !t.view.dragging;
+}
+function oq() {
+	var e;
+	(e = window.getSelection()) == null || e.removeAllRanges();
+}
+function sq(e) {
+	e.focus();
+}
 Iy.create({
 	name: "selection",
 	addOptions() {
@@ -38340,13 +38395,25 @@ Iy.create({
 		let { editor: e, options: t } = this;
 		return [new z({
 			key: new Ul("selection"),
-			props: { decorations(n) {
-				return n.selection.empty || e.isFocused || !e.isEditable || Gv(n.selection) || e.view.dragging ? null : Hh.create(n.doc, [zh.inline(n.selection.from, n.selection.to, { class: t.className })]);
-			} }
+			props: {
+				decorations(n) {
+					return aq(n, e) ? Hh.create(n.doc, [zh.inline(n.selection.from, n.selection.to, { class: t.className })]) : null;
+				},
+				handleDOMEvents: {
+					blur(t) {
+						return iq(t.state, e) && oq(), !1;
+					},
+					focus(t) {
+						return iq(t.state, e) && requestAnimationFrame(() => {
+							!e.isDestroyed && t.hasFocus() && sq(t);
+						}), !1;
+					}
+				}
+			}
 		})];
 	}
 });
-function eq({ types: e, node: t }) {
+function cq({ types: e, node: t }) {
 	return t && Array.isArray(e) && e.includes(t.type) || t?.type === e;
 }
 Iy.create({
@@ -38368,7 +38435,7 @@ Iy.create({
 			state: {
 				init: (e, t) => {
 					let r = t.tr.doc.lastChild;
-					return !eq({
+					return !cq({
 						node: r,
 						types: n
 					});
@@ -38376,7 +38443,7 @@ Iy.create({
 				apply: (e, t) => {
 					if (!e.docChanged || e.getMeta("__uniqueIDTransaction")) return t;
 					let r = e.doc.lastChild;
-					return !eq({
+					return !cq({
 						node: r,
 						types: n
 					});
@@ -38411,7 +38478,7 @@ Iy.create({
 		};
 	}
 });
-var tq = Oy.create({
+var lq = Oy.create({
 	name: "superscript",
 	addOptions() {
 		return { HTMLAttributes: {} };
@@ -38441,7 +38508,7 @@ var tq = Oy.create({
 	addKeyboardShortcuts() {
 		return { "Mod-.": () => this.editor.commands.toggleSuperscript() };
 	}
-}), nq = Oy.create({
+}), uq = Oy.create({
 	name: "subscript",
 	addOptions() {
 		return { HTMLAttributes: {} };
@@ -38471,7 +38538,7 @@ var tq = Oy.create({
 	addKeyboardShortcuts() {
 		return { "Mod-,": () => this.editor.commands.toggleSubscript() };
 	}
-}), rq = Iy.create({
+}), dq = Iy.create({
 	name: "textAlign",
 	addOptions() {
 		return {
@@ -38513,7 +38580,7 @@ var tq = Oy.create({
 			"Mod-Shift-j": () => this.editor.commands.setTextAlign("justify")
 		};
 	}
-}), iq = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/, aq = fb.create({
+}), fq = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/, pq = fb.create({
 	name: "image",
 	addOptions() {
 		return {
@@ -38556,34 +38623,55 @@ var tq = Oy.create({
 	},
 	addNodeView() {
 		if (!this.options.resize || !this.options.resize.enabled || typeof document > "u") return null;
-		let { directions: e, minWidth: t, minHeight: n, alwaysPreserveAspectRatio: r } = this.options.resize;
-		return ({ node: i, getPos: a, HTMLAttributes: o, editor: s }) => {
-			let c = document.createElement("img");
-			Object.entries(o).forEach(([e, t]) => {
+		let { directions: e, minWidth: t, minHeight: n, alwaysPreserveAspectRatio: r } = this.options.resize, i = /* @__PURE__ */ new Set([
+			"src",
+			"width",
+			"height"
+		]);
+		return ({ node: a, getPos: o, HTMLAttributes: s, editor: c }) => {
+			let l = document.createElement("img");
+			l.draggable = !1;
+			let u = gv(this.options.HTMLAttributes, s);
+			Object.entries(u).forEach(([e, t]) => {
 				if (t != null) switch (e) {
+					case "src":
 					case "width":
 					case "height": break;
-					default:
-						c.setAttribute(e, t);
-						break;
+					default: l.setAttribute(e, t);
 				}
-			}), c.src = o.src;
-			let l = new tb({
-				element: c,
-				editor: s,
-				node: i,
-				getPos: a,
+			}), u.src !== null && (l.src = u.src);
+			let d = { ...s }, f = (e) => {
+				if (typeof e == "string" && e !== "") {
+					l.getAttribute("src") !== e && (l.src = e);
+					return;
+				}
+				l.hasAttribute("src") && l.removeAttribute("src"), l.src !== "" && (l.src = "");
+			};
+			f(s.src);
+			let p = new tb({
+				element: l,
+				editor: c,
+				node: a,
+				getPos: o,
 				onResize: (e, t) => {
-					c.style.width = `${e}px`, c.style.height = `${t}px`;
+					l.style.width = `${e}px`, l.style.height = `${t}px`;
 				},
 				onCommit: (e, t) => {
-					let n = a();
+					let n = o();
 					n !== void 0 && this.editor.chain().setNodeSelection(n).updateAttributes(this.name, {
 						width: e,
 						height: t
 					}).run();
 				},
-				onUpdate: (e, t, n) => e.type === i.type,
+				onUpdate: (e) => {
+					if (e.type !== a.type) return !1;
+					let t = _v(e, c.extensionManager.attributes.filter((t) => t.type === e.type.name));
+					return Object.keys(d).forEach((e) => {
+						!i.has(e) && !(e in t) && l.removeAttribute(e);
+					}), Object.entries(t).forEach(([e, t]) => {
+						i.has(e) || (t == null ? l.removeAttribute(e) : l.setAttribute(e, t));
+					}), f(t.src), d = t, !0;
+				},
 				options: {
 					directions: e,
 					min: {
@@ -38592,10 +38680,10 @@ var tq = Oy.create({
 					},
 					preserveAspectRatio: r === !0
 				}
-			}), u = l.dom;
-			return u.style.visibility = "hidden", u.style.pointerEvents = "none", c.onload = () => {
-				u.style.visibility = "", u.style.pointerEvents = "";
-			}, l;
+			}), m = p.dom, h = () => {
+				m.style.visibility = "", m.style.pointerEvents = "";
+			};
+			return m.style.visibility = "hidden", m.style.pointerEvents = "none", l.complete && l.naturalWidth > 0 ? h() : (l.onload = h, l.onerror = h), p;
 		};
 	},
 	addCommands() {
@@ -38606,7 +38694,7 @@ var tq = Oy.create({
 	},
 	addInputRules() {
 		return [Qy({
-			find: iq,
+			find: fq,
 			type: this.type,
 			getAttributes: (e) => {
 				let [, , t, n, r] = e;
@@ -38618,17 +38706,17 @@ var tq = Oy.create({
 			}
 		})];
 	}
-}), oq = $K, sq = {
+}), mq = rq, hq = {
 	position: "bottom",
 	alignment: "left",
 	alwaysVisible: !1,
 	showDone: !0,
 	doneOn: "blur"
-}, cq = {
+}, gq = {
 	options: {},
 	respAreaToolbar: () => {},
 	onHandleAreaChange: () => {}
-}, lq = [
+}, _q = [
 	"bold",
 	"italic",
 	"underline",
@@ -38650,7 +38738,7 @@ var tq = Oy.create({
 	"h3",
 	"undo",
 	"redo"
-], uq = {
+], vq = {
 	"--white": "#fff",
 	"--black": "#2e2b29",
 	"--black-contrast": "#110f0e",
@@ -38669,14 +38757,18 @@ var tq = Oy.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)"
-}, dq = (e) => {
+}, yq = (e) => ({
+	spellcheck: e ? "true" : "false",
+	autocorrect: e ? "on" : "off",
+	autocapitalize: e ? "on" : "off"
+}), bq = (e) => {
 	let { showParagraphs: t, separateParagraphs: n } = e.pluginProps || {}, [r, i] = mt([]), [a, o] = mt(!1), { toolbarOpts: c } = e, l = st((e) => {
 		i((t) => {
 			let n = t.filter((t) => t.pos !== e);
 			return n.length === 0 && o(!1), n;
 		});
 	}, [i]), u = {
-		...sq,
+		...hq,
 		...c
 	}, d = st((t) => {
 		let n = t.getHTML();
@@ -38687,13 +38779,13 @@ var tq = Oy.create({
 		e.onDone,
 		u.doneOn
 	]), f = ft(() => ({
-		...cq,
+		...gq,
 		...e.responseAreaProps,
 		onInlineDropdownToolbarClose: d
 	}), [e.responseAreaProps, d]), p = ft(() => {
 		let { customPlugins: t, ...n } = e.pluginProps || {};
 		t ||= [];
-		let r = (e.activePlugins || lq)?.filter((e) => {
+		let r = (e.activePlugins || _q)?.filter((e) => {
 			let t = No[e] || e, r = n[t] || {};
 			return !r || !r.disabled;
 		});
@@ -38711,103 +38803,112 @@ var tq = Oy.create({
 			setKeypadInteraction: {},
 			media: {}
 		});
-	}, [e, f.type]), m = vO({
-		extensions: [
-			rq.configure({
-				types: [
-					"heading",
-					"paragraph",
-					"div",
-					"headingParagraph",
-					"h1",
-					"h2",
-					"h3",
-					"h4",
-					"h5",
-					"h6",
-					"td",
-					"th"
-				],
-				alignments: [
-					"left",
-					"right",
-					"center",
-					"justify"
-				]
-			}),
-			RK,
-			zK.configure({ limit: e.charactersLimit || 1e6 }),
-			OK.configure({ trailingNode: {
+	}, [e, f.type]), m = [
+		dq.configure({
+			types: [
+				"heading",
+				"paragraph",
+				"div",
+				"headingParagraph",
+				"h1",
+				"h2",
+				"h3",
+				"h4",
+				"h5",
+				"h6",
+				"td",
+				"th"
+			],
+			alignments: [
+				"left",
+				"right",
+				"center",
+				"justify"
+			]
+		}),
+		RK,
+		zK.configure({ limit: e.charactersLimit || 1e6 }),
+		OK.configure({
+			trailingNode: {
 				node: "paragraph",
 				notAfter: ["paragraph", "div"]
-			} }),
-			ML,
-			WE,
-			NL,
-			GE,
-			KE,
-			oq.configure({
-				placeholder: e.placeholder,
-				showOnlyWhenEditable: !0,
-				showOnlyCurrent: !1,
-				includeChildren: !0
-			}),
-			BE,
-			wE,
-			UE,
-			HE,
-			gF.configure(f),
-			_F.configure(f),
-			yF.configure(f),
-			bF.configure(f),
-			vF.configure(f),
-			rI.configure({
-				toolbarOpts: u,
-				math: e.pluginProps?.math || {}
-			}),
-			nq,
-			tq,
-			aq,
-			wI.configure({
-				toolbarOpts: u,
-				imageHandling: {
-					disableImageAlignmentButtons: e.disableImageAlignmentButtons,
-					onDone: (t) => e.onDone?.(t.getHTML()),
-					onDelete: e.imageSupport && e.imageSupport.delete && ((t) => {
-						let { src: n } = t.attrs;
-						e.imageSupport.delete(n, (e) => {
-							l(t.pos);
-						});
-					}),
-					insertImageRequested: e.imageSupport && ((t, n, r) => {
-						let [o, c] = n, u = (n) => {
-							let r;
-							a && n && (r = e.onChange), l(c), r?.(t.getHTML());
-						};
-						t._insertingImage = !0, i((e) => [...e, o]), (() => {
-							let n = r(u), i = s(() => {
-								let e = () => window.removeEventListener("focus", i);
-								if (!t._insertingImage) {
-									e();
-									return;
-								}
-								l(c), t._insertingImage = !1, e();
-							}, 500);
-							window.addEventListener("focus", i), e.imageSupport.add(n);
-						})();
-					}),
-					maxImageWidth: e.maxImageWidth,
-					maxImageHeight: e.maxImageHeight
-				},
-				limit: 3
-			}),
-			GI.configure({ uploadSoundSupport: e.uploadSoundSupport }),
-			ZI.configure({ extraCSSRules: e.extraCSSRules })
-		],
+			},
+			link: {
+				autolink: !1,
+				linkOnPaste: !1
+			}
+		}),
+		ML,
+		WE,
+		NL,
+		GE,
+		KE,
+		mq.configure({
+			placeholder: e.placeholder,
+			showOnlyWhenEditable: !0,
+			showOnlyCurrent: !1,
+			includeChildren: !0
+		}),
+		BE,
+		wE,
+		UE,
+		HE,
+		gF.configure(f),
+		_F.configure(f),
+		yF.configure(f),
+		bF.configure(f),
+		vF.configure(f),
+		rI.configure({
+			toolbarOpts: u,
+			math: e.pluginProps?.math || {}
+		}),
+		uq,
+		lq,
+		pq,
+		wI.configure({
+			toolbarOpts: u,
+			imageHandling: {
+				disableImageAlignmentButtons: e.disableImageAlignmentButtons,
+				onDone: (t) => e.onDone?.(t.getHTML()),
+				onDelete: e.imageSupport && e.imageSupport.delete && ((t) => {
+					let { src: n } = t.attrs;
+					e.imageSupport.delete(n, (e) => {
+						l(t.pos);
+					});
+				}),
+				insertImageRequested: e.imageSupport && ((t, n, r) => {
+					let [o, c] = n, u = (n) => {
+						let r;
+						a && n && (r = e.onChange), l(c), r?.(t.getHTML());
+					};
+					t._insertingImage = !0, i((e) => [...e, o]), (() => {
+						let n = r(u), i = s(() => {
+							let e = () => window.removeEventListener("focus", i);
+							if (!t._insertingImage) {
+								e();
+								return;
+							}
+							l(c), t._insertingImage = !1, e();
+						}, 500);
+						window.addEventListener("focus", i), e.imageSupport.add(n);
+					})();
+				}),
+				maxImageWidth: e.maxImageWidth,
+				maxImageHeight: e.maxImageHeight
+			},
+			limit: 3
+		}),
+		GI.configure({ uploadSoundSupport: e.uploadSoundSupport }),
+		ZI.configure({ extraCSSRules: e.extraCSSRules })
+	], h = e.spellCheck !== !1, g = vO({
+		extensions: m,
 		immediatelyRender: !1,
-		editorProps: { handleKeyDown(t, n) {
-			return e.onKeyDown ? e.onKeyDown(n) : !1;
-		} },
+		editorProps: {
+			attributes: yq(h),
+			handleKeyDown(t, n) {
+				return e.onKeyDown ? e.onKeyDown(n) : !1;
+			}
+		},
 		editable: !e.disabled,
 		content: Ro(e.markup),
 		onUpdate: ({ editor: t, transaction: n }) => {
@@ -38818,22 +38919,29 @@ var tq = Oy.create({
 		}
 	}, [e.charactersLimit]);
 	ut(() => {
-		e.editorRef && e.editorRef(m);
-	}, [e.editorRef, m]), ut(() => {
-		m?.setEditable(!e.disabled);
-	}, [e.disabled, m]), ut(() => {
-		if (!m) return;
+		e.editorRef && e.editorRef(g);
+	}, [e.editorRef, g]), ut(() => {
+		g?.setEditable(!e.disabled);
+	}, [e.disabled, g]), ut(() => {
+		if (!g) return;
+		let e = g.options?.editorProps, t = yq(h);
+		e?.attributes?.spellcheck !== t.spellcheck && g.setOptions({ editorProps: {
+			...e,
+			attributes: t
+		} });
+	}, [h, g]), ut(() => {
+		if (!g) return;
 		let t = Ro(e.markup);
-		t !== m.getHTML() && m.commands.setContent(t, { emitUpdate: !1 });
-	}, [e.markup, m]), ut(() => {
-		Object.entries(uq).forEach(([e, t]) => {
+		t !== g.getHTML() && g.commands.setContent(t, { emitUpdate: !1 });
+	}, [e.markup, g]), ut(() => {
+		Object.entries(vq).forEach(([e, t]) => {
 			document.documentElement.style.setProperty(e, t);
 		});
 	}, []);
-	let h = mO({
-		editor: m,
+	let _ = mO({
+		editor: g,
 		selector: (e) => ({ isFocused: e.editor?.isFocused })
-	}), g = ft(() => {
+	}), v = ft(() => {
 		let { minWidth: t, width: n, maxWidth: r, minHeight: i, height: a, maxHeight: o } = e;
 		return {
 			width: PL(n),
@@ -38848,20 +38956,20 @@ var tq = Oy.create({
 		...e,
 		activePlugins: p,
 		toolbarOpts: u,
-		editorState: h,
-		editor: m,
-		children: m && /* @__PURE__ */ j(fq, {
+		editorState: _,
+		editor: g,
+		children: g && /* @__PURE__ */ j(xq, {
 			style: {
-				minHeight: g.minHeight,
-				height: g.height,
-				maxHeight: g.maxHeight
+				minHeight: v.minHeight,
+				height: v.height,
+				maxHeight: v.maxHeight
 			},
 			showParagraph: t && !t.disabled,
 			separateParagraph: n && !n.disabled,
-			editor: m
+			editor: g
 		})
 	});
-}, fq = i(dO, { shouldForwardProp: (e) => !["showParagraph", "separateParagraph"].includes(e) })(({ showParagraph: e, separateParagraph: t }) => ({
+}, xq = i(dO, { shouldForwardProp: (e) => !["showParagraph", "separateParagraph"].includes(e) })(({ showParagraph: e, separateParagraph: t }) => ({
 	display: "flex",
 	outline: "none !important",
 	"& .ProseMirror": {
@@ -38889,7 +38997,7 @@ var tq = Oy.create({
 		} },
 		...t && { "& > p:has(+ p)": { marginBottom: "1em" } }
 	}
-})), pq = dq, mq = i(Xa)(() => ({})), hq = class extends A.Component {
+})), Sq = bq, Cq = i(Xa)(() => ({})), wq = class extends A.Component {
 	static propTypes = {
 		className: N.default.string,
 		contentClassName: N.default.string,
@@ -38910,7 +39018,7 @@ var tq = Oy.create({
 				indicatorColor: "primary",
 				value: e,
 				onChange: this.handleChange,
-				children: A.Children.map(t, (e, t) => e && e.props.title ? /* @__PURE__ */ j(mq, { label: e.props.title }, t) : null)
+				children: A.Children.map(t, (e, t) => e && e.props.title ? /* @__PURE__ */ j(Cq, { label: e.props.title }, t) : null)
 			}), /* @__PURE__ */ j("div", {
 				className: r,
 				style: i,
@@ -38918,7 +39026,7 @@ var tq = Oy.create({
 			})]
 		});
 	}
-}, gq = i(Ii)(({ theme: e, mini: t }) => ({
+}, Tq = i(Ii)(({ theme: e, mini: t }) => ({
 	margin: 0,
 	marginLeft: 0,
 	padding: 0,
@@ -38932,7 +39040,7 @@ var tq = Oy.create({
 			fontSize: e.typography.fontSize - 3
 		}
 	}
-})), _q = i(ii)(({ theme: e, mini: t, error: n }) => ({
+})), Eq = i(ii)(({ theme: e, mini: t, error: n }) => ({
 	color: `${O.tertiary()} !important`,
 	...t && {
 		margin: 0,
@@ -38941,9 +39049,9 @@ var tq = Oy.create({
 		height: e.spacing(3)
 	},
 	...n && { color: `${e.palette.error.main} !important` }
-})), vq = ({ mini: e, checked: t, onChange: n, value: r, label: i, error: a }) => /* @__PURE__ */ j(gq, {
+})), Dq = ({ mini: e, checked: t, onChange: n, value: r, label: i, error: a }) => /* @__PURE__ */ j(Tq, {
 	mini: e,
-	control: /* @__PURE__ */ j(_q, {
+	control: /* @__PURE__ */ j(Eq, {
 		checked: t,
 		onChange: n,
 		value: r,
@@ -38952,21 +39060,21 @@ var tq = Oy.create({
 	}),
 	label: i
 });
-vq.propTypes = {
+Dq.propTypes = {
 	mini: N.default.bool,
 	checked: N.default.bool.isRequired,
 	onChange: N.default.func.isRequired,
 	value: N.default.string,
 	label: N.default.string.isRequired,
 	error: N.default.bool
-}, vq.defaultProps = {
+}, Dq.defaultProps = {
 	value: "",
 	mini: !1,
 	error: !1
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/number-text-field.js
-var yq = (0, Do.default)("@pie-lib:config-ui:number-text-field"), bq = i(Eo)(({ theme: e }) => ({
+var Oq = (0, Do.default)("@pie-lib:config-ui:number-text-field"), kq = i(Eo)(({ theme: e }) => ({
 	marginRight: e.spacing(1),
 	"& .MuiInputLabel-root": {
 		width: "auto",
@@ -38988,11 +39096,11 @@ var yq = (0, Do.default)("@pie-lib:config-ui:number-text-field"), bq = i(Eo)(({
 		minHeight: "auto",
 		padding: "6px 0 7px"
 	}
-})), xq = (e, t) => {
+})), Aq = (e, t) => {
 	if (!fe(e) && !fe(t)) return 0;
 	if (!fe(e) && fe(t)) return t;
 	if (fe(e)) return e;
-}, Sq = class extends A.Component {
+}, jq = class extends A.Component {
 	static propTypes = {
 		disabled: N.default.bool,
 		className: N.default.string,
@@ -39018,13 +39126,13 @@ var yq = (0, Do.default)("@pie-lib:config-ui:number-text-field"), bq = i(Eo)(({
 		this.setState({ value: t });
 	}
 	clamp(e, t = this.props.min, n = this.props.max) {
-		return fe(e) ? (fe(n) && (e = Math.min(e, n)), fe(t) && (e = Math.max(e, t)), e) : xq(t, n);
+		return fe(e) ? (fe(n) && (e = Math.min(e, n)), fe(t) && (e = Math.max(e, t)), e) : Aq(t, n);
 	}
 	onBlur = (e) => {
 		let t = e.target.value, n = parseFloat(t);
-		yq("rawNumber: ", n);
+		Oq("rawNumber: ", n);
 		let r = this.clamp(n);
-		yq("number: ", r), r !== this.state.value && (yq("trigger update..."), this.setState({ value: r.toString() }, () => {
+		Oq("number: ", r), r !== this.state.value && (Oq("trigger update..."), this.setState({ value: r.toString() }, () => {
 			this.props.onChange(e, r);
 		}));
 	};
@@ -39044,7 +39152,7 @@ var yq = (0, Do.default)("@pie-lib:config-ui:number-text-field"), bq = i(Eo)(({
 	};
 	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__ */ j(bq, {
+		return /* @__PURE__ */ j(kq, {
 			variant: s ? "filled" : l || "standard",
 			inputRef: (e) => {
 				this.inputRef = e;
@@ -39079,19 +39187,19 @@ var yq = (0, Do.default)("@pie-lib:config-ui:number-text-field"), bq = i(Eo)(({
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/two-choice.js
-function Cq(e) {
+function Mq(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function wq(e, t) {
-	return !e || Cq(e) ? e : Cq(e.default) ? e.default : t && Cq(e[t]) ? e[t] : t && Cq(e[t]?.default) ? e[t].default : e;
+function Nq(e, t) {
+	return !e || Mq(e) ? e : Mq(e.default) ? e.default : t && Mq(e[t]) ? e[t] : t && Mq(e[t]?.default) ? e[t].default : e;
 }
-var Tq = wq(he, "InputContainer") || wq(Oq.InputContainer, "InputContainer"), Eq = Fe, Dq = Eq.default, Oq = Dq && typeof Dq == "object" ? Dq : Eq, kq = i("div")(({ theme: e, direction: t }) => ({
+var Pq = Nq(he, "InputContainer") || Nq(Lq.InputContainer, "InputContainer"), Fq = Fe, Iq = Fq.default, Lq = Iq && typeof Iq == "object" ? Iq : Fq, Rq = i("div")(({ theme: e, direction: t }) => ({
 	display: "flex",
 	flexWrap: "wrap",
 	paddingLeft: 0,
 	marginTop: e.spacing(1),
 	...t === "vertical" && { flexDirection: "column" }
-})), Aq = class extends A.Component {
+})), zq = class extends A.Component {
 	static propTypes = {
 		header: N.default.string.isRequired,
 		className: N.default.string,
@@ -39109,10 +39217,10 @@ var Tq = wq(he, "InputContainer") || wq(Oq.InputContainer, "InputContainer"), Eq
 			label: e,
 			value: e
 		} : e), s = n || Ao;
-		return /* @__PURE__ */ j(Tq, {
+		return /* @__PURE__ */ j(Pq, {
 			label: e,
 			className: t,
-			children: /* @__PURE__ */ j(kq, {
+			children: /* @__PURE__ */ j(Rq, {
 				direction: a,
 				children: o.map((e, t) => /* @__PURE__ */ j(s, {
 					value: e.value,
@@ -39123,7 +39231,7 @@ var Tq = wq(he, "InputContainer") || wq(Oq.InputContainer, "InputContainer"), Eq
 			})
 		});
 	}
-}, jq = N.default.shape({
+}, Bq = N.default.shape({
 	label: N.default.string,
 	value: N.default.string
 });
@@ -39132,14 +39240,14 @@ var Tq = wq(he, "InputContainer") || wq(Oq.InputContainer, "InputContainer"), Eq
 		header: N.default.string.isRequired,
 		value: N.default.string.isRequired,
 		onChange: N.default.func.isRequired,
-		one: N.default.oneOfType([jq, N.default.string]),
-		two: N.default.oneOfType([jq, N.default.string]),
+		one: N.default.oneOfType([Bq, N.default.string]),
+		two: N.default.oneOfType([Bq, N.default.string]),
 		className: N.default.string,
 		customLabel: N.default.func
 	};
 	render() {
 		let { one: e, two: t, header: n, className: r, customLabel: i, value: a, onChange: o } = this.props;
-		return /* @__PURE__ */ j(Aq, {
+		return /* @__PURE__ */ j(zq, {
 			customLabel: i,
 			header: n,
 			className: r,
@@ -39151,21 +39259,21 @@ var Tq = wq(he, "InputContainer") || wq(Oq.InputContainer, "InputContainer"), Eq
 });
 //#endregion
 //#region ../../lib-react/config-ui/dist/_virtual/_rolldown/runtime.js
-var Mq = Object.defineProperty, Nq = (e, t) => {
+var Vq = Object.defineProperty, Hq = (e, t) => {
 	let n = {};
-	for (var r in e) Mq(n, r, {
+	for (var r in e) Vq(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || Mq(n, Symbol.toStringTag, { value: "Module" }), n;
-}, Pq = i("div")(() => ({
+	return t || Vq(n, Symbol.toStringTag, { value: "Module" }), n;
+}, Uq = i("div")(() => ({
 	display: "flex",
 	flexDirection: "column",
 	position: "relative"
-})), Fq = i("div")(() => ({
+})), Wq = i("div")(() => ({
 	display: "flex",
 	justifyContent: "space-between"
-})), Iq = i("div")(({ theme: e }) => ({ padding: `${e.spacing(2)} 0` })), Lq = i("div")(() => ({ flex: "1" })), Rq = i("div")(({ theme: e }) => ({ marginLeft: e.spacing(2) })), zq = class extends A.Component {
+})), Gq = i("div")(({ theme: e }) => ({ padding: `${e.spacing(2)} 0` })), Kq = i("div")(() => ({ flex: "1" })), qq = i("div")(({ theme: e }) => ({ marginLeft: e.spacing(2) })), Jq = class extends A.Component {
 	static propTypes = {
 		mode: N.default.oneOf(["tabbed", "inline"]),
 		secondary: N.default.oneOfType([N.default.arrayOf(N.default.node), N.default.node]),
@@ -39183,7 +39291,7 @@ var Mq = Object.defineProperty, Nq = (e, t) => {
 		} catch (e) {
 			console.log(e.toString());
 		}
-		return /* @__PURE__ */ M(Pq, {
+		return /* @__PURE__ */ M(Uq, {
 			style: {
 				minHeight: i,
 				minWidth: a,
@@ -39191,28 +39299,28 @@ var Mq = Object.defineProperty, Nq = (e, t) => {
 				maxWidth: s
 			},
 			children: [
-				e === "inline" && /* @__PURE__ */ M(Fq, { children: [/* @__PURE__ */ j(Lq, {
+				e === "inline" && /* @__PURE__ */ M(Wq, { children: [/* @__PURE__ */ j(Kq, {
 					className: "design-container",
 					children: n
-				}), l && /* @__PURE__ */ j(Rq, {
+				}), l && /* @__PURE__ */ j(qq, {
 					className: "settings-container",
 					children: t
 				})] }),
-				e === "tabbed" && l && /* @__PURE__ */ M(hq, {
+				e === "tabbed" && l && /* @__PURE__ */ M(wq, {
 					onChange: this.onTabsChange,
 					contentClassName: "content-container",
 					indicatorColor: "primary",
-					children: [/* @__PURE__ */ j(Iq, {
+					children: [/* @__PURE__ */ j(Gq, {
 						title: "Design",
 						className: "design-container",
 						children: n
-					}), /* @__PURE__ */ j(Iq, {
+					}), /* @__PURE__ */ j(Gq, {
 						title: "Settings",
 						className: "settings-container",
 						children: t
 					})]
 				}),
-				e === "tabbed" && !l && /* @__PURE__ */ j(Iq, {
+				e === "tabbed" && !l && /* @__PURE__ */ j(Gq, {
 					className: "design-container",
 					children: n
 				})
@@ -39222,18 +39330,18 @@ var Mq = Object.defineProperty, Nq = (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 Bq() {
-	return Bq = Object.assign ? Object.assign.bind() : function(e) {
+function Yq() {
+	return Yq = 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;
-	}, Bq.apply(null, arguments);
+	}, Yq.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 Vq(e, t) {
+function Xq(e, t) {
 	if (e == null) return {};
 	var n = {};
 	for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
@@ -39244,19 +39352,19 @@ function Vq(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 Hq(e, t) {
-	return Hq = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+function Zq(e, t) {
+	return Zq = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
 		return e.__proto__ = t, e;
-	}, Hq(e, t);
+	}, Zq(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 Uq(e, t) {
-	e.prototype = Object.create(t.prototype), e.prototype.constructor = e, Hq(e, t);
+function Qq(e, t) {
+	e.prototype = Object.create(t.prototype), e.prototype.constructor = e, Zq(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 Wq = (function() {
+var $q = (function() {
 	if (typeof Map < "u") return Map;
 	function e(e, t) {
 		var n = -1;
@@ -39295,34 +39403,34 @@ var Wq = (function() {
 			}
 		}, t;
 	}();
-})(), Gq = typeof window < "u" && typeof document < "u" && window.document === document, Kq = (function() {
+})(), eJ = typeof window < "u" && typeof document < "u" && window.document === document, tJ = (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")();
-})(), qq = (function() {
-	return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(Kq) : function(e) {
+})(), nJ = (function() {
+	return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(tJ) : function(e) {
 		return setTimeout(function() {
 			return e(Date.now());
 		}, 1e3 / 60);
 	};
-})(), Jq = 2;
-function Yq(e, t) {
+})(), rJ = 2;
+function iJ(e, t) {
 	var n = !1, r = !1, i = 0;
 	function a() {
 		n && (n = !1, e()), r && s();
 	}
 	function o() {
-		qq(a);
+		nJ(a);
 	}
 	function s() {
 		var e = Date.now();
 		if (n) {
-			if (e - i < Jq) return;
+			if (e - i < rJ) return;
 			r = !0;
 		} else n = !0, r = !1, setTimeout(o, t);
 		i = e;
 	}
 	return s;
 }
-var Xq = 20, Zq = [
+var aJ = 20, oJ = [
 	"top",
 	"right",
 	"bottom",
@@ -39331,9 +39439,9 @@ var Xq = 20, Zq = [
 	"height",
 	"size",
 	"weight"
-], Qq = typeof MutationObserver < "u", $q = function() {
+], sJ = typeof MutationObserver < "u", cJ = function() {
 	function e() {
-		this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = Yq(this.refresh.bind(this), Xq);
+		this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = iJ(this.refresh.bind(this), aJ);
 	}
 	return e.prototype.addObserver = function(e) {
 		~this.observers_.indexOf(e) || this.observers_.push(e), this.connected_ || this.connect_();
@@ -39350,23 +39458,23 @@ var Xq = 20, Zq = [
 			return e.broadcastActive();
 		}), e.length > 0;
 	}, e.prototype.connect_ = function() {
-		!Gq || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), Qq ? (this.mutationsObserver_ = new MutationObserver(this.refresh), this.mutationsObserver_.observe(document, {
+		!eJ || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), sJ ? (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() {
-		!Gq || !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);
+		!eJ || !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;
-		Zq.some(function(e) {
+		oJ.some(function(e) {
 			return !!~n.indexOf(e);
 		}) && this.refresh();
 	}, e.getInstance = function() {
 		return this.instance_ ||= new e(), this.instance_;
 	}, e.instance_ = null, e;
-}(), eJ = (function(e, t) {
+}(), lJ = (function(e, t) {
 	for (var n = 0, r = Object.keys(t); n < r.length; n++) {
 		var i = r[n];
 		Object.defineProperty(e, i, {
@@ -39377,19 +39485,19 @@ var Xq = 20, Zq = [
 		});
 	}
 	return e;
-}), tJ = (function(e) {
-	return e && e.ownerDocument && e.ownerDocument.defaultView || Kq;
-}), nJ = fJ(0, 0, 0, 0);
-function rJ(e) {
+}), uJ = (function(e) {
+	return e && e.ownerDocument && e.ownerDocument.defaultView || tJ;
+}), dJ = xJ(0, 0, 0, 0);
+function fJ(e) {
 	return parseFloat(e) || 0;
 }
-function iJ(e) {
+function pJ(e) {
 	return [...arguments].slice(1).reduce(function(t, n) {
 		var r = e["border-" + n + "-width"];
-		return t + rJ(r);
+		return t + fJ(r);
 	}, 0);
 }
-function aJ(e) {
+function mJ(e) {
 	for (var t = [
 		"top",
 		"right",
@@ -39397,40 +39505,40 @@ function aJ(e) {
 		"left"
 	], n = {}, r = 0, i = t; r < i.length; r++) {
 		var a = i[r], o = e["padding-" + a];
-		n[a] = rJ(o);
+		n[a] = fJ(o);
 	}
 	return n;
 }
-function oJ(e) {
+function hJ(e) {
 	var t = e.getBBox();
-	return fJ(0, 0, t.width, t.height);
+	return xJ(0, 0, t.width, t.height);
 }
-function sJ(e) {
+function gJ(e) {
 	var t = e.clientWidth, n = e.clientHeight;
-	if (!t && !n) return nJ;
-	var r = tJ(e).getComputedStyle(e), i = aJ(r), a = i.left + i.right, o = i.top + i.bottom, s = rJ(r.width), c = rJ(r.height);
-	if (r.boxSizing === "border-box" && (Math.round(s + a) !== t && (s -= iJ(r, "left", "right") + a), Math.round(c + o) !== n && (c -= iJ(r, "top", "bottom") + o)), !lJ(e)) {
+	if (!t && !n) return dJ;
+	var r = uJ(e).getComputedStyle(e), i = mJ(r), a = i.left + i.right, o = i.top + i.bottom, s = fJ(r.width), c = fJ(r.height);
+	if (r.boxSizing === "border-box" && (Math.round(s + a) !== t && (s -= pJ(r, "left", "right") + a), Math.round(c + o) !== n && (c -= pJ(r, "top", "bottom") + o)), !vJ(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 fJ(i.left, i.top, s, c);
+	return xJ(i.left, i.top, s, c);
 }
-var cJ = (function() {
+var _J = (function() {
 	return typeof SVGGraphicsElement < "u" ? function(e) {
-		return e instanceof tJ(e).SVGGraphicsElement;
+		return e instanceof uJ(e).SVGGraphicsElement;
 	} : function(e) {
-		return e instanceof tJ(e).SVGElement && typeof e.getBBox == "function";
+		return e instanceof uJ(e).SVGElement && typeof e.getBBox == "function";
 	};
 })();
-function lJ(e) {
-	return e === tJ(e).document.documentElement;
+function vJ(e) {
+	return e === uJ(e).document.documentElement;
 }
-function uJ(e) {
-	return Gq ? cJ(e) ? oJ(e) : sJ(e) : nJ;
+function yJ(e) {
+	return eJ ? _J(e) ? hJ(e) : gJ(e) : dJ;
 }
-function dJ(e) {
+function bJ(e) {
 	var t = e.x, n = e.y, r = e.width, i = e.height, a = Object.create((typeof DOMRectReadOnly < "u" ? DOMRectReadOnly : Object).prototype);
-	return eJ(a, {
+	return lJ(a, {
 		x: t,
 		y: n,
 		width: r,
@@ -39441,7 +39549,7 @@ function dJ(e) {
 		left: t
 	}), a;
 }
-function fJ(e, t, n, r) {
+function xJ(e, t, n, r) {
 	return {
 		x: e,
 		y: t,
@@ -39449,42 +39557,42 @@ function fJ(e, t, n, r) {
 		height: r
 	};
 }
-var pJ = function() {
+var SJ = function() {
 	function e(e) {
-		this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = fJ(0, 0, 0, 0), this.target = e;
+		this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = xJ(0, 0, 0, 0), this.target = e;
 	}
 	return e.prototype.isActive = function() {
-		var e = uJ(this.target);
+		var e = yJ(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;
-}(), mJ = function() {
+}(), CJ = function() {
 	function e(e, t) {
-		var n = dJ(t);
-		eJ(this, {
+		var n = bJ(t);
+		lJ(this, {
 			target: e,
 			contentRect: n
 		});
 	}
 	return e;
-}(), hJ = function() {
+}(), wJ = function() {
 	function e(e, t, n) {
-		if (this.activeObservations_ = [], this.observations_ = new Wq(), typeof e != "function") throw TypeError("The callback provided as parameter 1 is not a function.");
+		if (this.activeObservations_ = [], this.observations_ = new $q(), 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 tJ(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
+			if (!(e instanceof uJ(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
 			var t = this.observations_;
-			t.has(e) || (t.set(e, new pJ(e)), this.controller_.addObserver(this), this.controller_.refresh());
+			t.has(e) || (t.set(e, new SJ(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 tJ(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
+			if (!(e instanceof uJ(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));
 		}
@@ -39498,7 +39606,7 @@ var pJ = function() {
 	}, e.prototype.broadcastActive = function() {
 		if (this.hasActive()) {
 			var e = this.callbackCtx_, t = this.activeObservations_.map(function(e) {
-				return new mJ(e.target, e.broadcastRect());
+				return new CJ(e.target, e.broadcastRect());
 			});
 			this.callback_.call(e, t, e), this.clearActive();
 		}
@@ -39507,12 +39615,12 @@ var pJ = function() {
 	}, e.prototype.hasActive = function() {
 		return this.activeObservations_.length > 0;
 	}, e;
-}(), gJ = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new Wq(), _J = function() {
+}(), TJ = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new $q(), EJ = 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 hJ(t, $q.getInstance(), this);
-		gJ.set(this, n);
+		var n = new wJ(t, cJ.getInstance(), this);
+		TJ.set(this, n);
 	}
 	return e;
 }();
@@ -39521,27 +39629,27 @@ var pJ = function() {
 	"unobserve",
 	"disconnect"
 ].forEach(function(e) {
-	_J.prototype[e] = function() {
+	EJ.prototype[e] = function() {
 		var t;
-		return (t = gJ.get(this))[e].apply(t, arguments);
+		return (t = TJ.get(this))[e].apply(t, arguments);
 	};
 });
-var vJ = (function() {
-	return Kq.ResizeObserver === void 0 ? _J : Kq.ResizeObserver;
-})(), yJ = [
+var DJ = (function() {
+	return tJ.ResizeObserver === void 0 ? EJ : tJ.ResizeObserver;
+})(), OJ = [
 	"client",
 	"offset",
 	"scroll",
 	"bounds",
 	"margin"
 ];
-function bJ(e) {
+function kJ(e) {
 	var t = [];
-	return yJ.forEach(function(n) {
+	return OJ.forEach(function(n) {
 		e[n] && t.push(n);
 	}), t;
 }
-function xJ(e, t) {
+function AJ(e, t) {
 	var n = {};
 	if (t.indexOf("client") > -1 && (n.client = {
 		top: e.clientTop,
@@ -39580,14 +39688,14 @@ function xJ(e, t) {
 	}
 	return n;
 }
-function SJ(e) {
+function jJ(e) {
 	return e && e.ownerDocument && e.ownerDocument.defaultView || window;
 }
-function CJ(e) {
+function MJ(e) {
 	return function(t) {
 		var n, r;
 		return r = n = /*#__PURE__*/ function(n) {
-			Uq(r, n);
+			Qq(r, n);
 			function r() {
 				var t, r = [...arguments];
 				return t = n.call.apply(n, [this].concat(r)) || this, t.state = { contentRect: {
@@ -39598,24 +39706,24 @@ function CJ(e) {
 					bounds: {},
 					margin: {}
 				} }, t._animationFrameID = null, t._resizeObserver = null, t._node = null, t._window = null, t.measure = function(n) {
-					var r = xJ(t._node, e || bJ(t.props));
+					var r = AJ(t._node, e || kJ(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 = SJ(t._node);
+					t._resizeObserver !== null && t._node !== null && t._resizeObserver.unobserve(t._node), t._node = e, t._window = jJ(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 vJ(this.measure), this._node !== null && (this._resizeObserver.observe(this._node), typeof this.props.onResize == "function" && this.props.onResize(xJ(this._node, e || bJ(this.props))));
+				this._resizeObserver = this._window !== null && this._window.ResizeObserver ? new this._window.ResizeObserver(this.measure) : new DJ(this.measure), this._node !== null && (this._resizeObserver.observe(this._node), typeof this.props.onResize == "function" && this.props.onResize(AJ(this._node, e || kJ(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, rt(t, Bq({}, Vq(e, ["innerRef", "onResize"]), {
+				return e.innerRef, e.onResize, rt(t, Yq({}, Xq(e, ["innerRef", "onResize"]), {
 					measureRef: this._handleRef,
 					measure: this.measure,
 					contentRect: this.state.contentRect
@@ -39632,7 +39740,7 @@ function CJ(e) {
 		}, r;
 	};
 }
-var wJ = CJ()(function(e) {
+var NJ = MJ()(function(e) {
 	var t = e.measure, n = e.measureRef, r = e.contentRect, i = e.children;
 	return i({
 		measure: t,
@@ -39640,10 +39748,10 @@ var wJ = CJ()(function(e) {
 		contentRect: r
 	});
 });
-wJ.displayName = "Measure", wJ.propTypes.children = N.default.func;
+NJ.displayName = "Measure", NJ.propTypes.children = N.default.func;
 //#endregion
 //#region ../../lib-react/config-ui/dist/layout/settings-box.js
-var TJ = i("div")(() => ({
+var PJ = i("div")(() => ({
 	backgroundColor: O.white(),
 	border: `2px solid ${O.border()}`,
 	display: "flex",
@@ -39653,7 +39761,7 @@ var TJ = i("div")(() => ({
 	maxWidth: "300px",
 	padding: "20px 4px 4px 20px",
 	zIndex: 99
-})), EJ = class extends A.Component {
+})), FJ = class extends A.Component {
 	static propTypes = {
 		className: N.default.string,
 		children: N.default.oneOfType([N.default.arrayOf(N.default.node), N.default.node]).isRequired
@@ -39661,19 +39769,19 @@ var TJ = i("div")(() => ({
 	static defaultProps = {};
 	render() {
 		let { className: e, children: t } = this.props;
-		return /* @__PURE__ */ j(TJ, {
+		return /* @__PURE__ */ j(PJ, {
 			className: e,
 			children: t
 		});
 	}
-}, DJ = Pe({
+}, IJ = Pe({
 	typography: { fontFamily: "inherit" },
 	components: { MuiButton: { styleOverrides: { contained: {
 		backgroundColor: "#e0e0e0",
 		color: "#000000",
 		"&:hover": { backgroundColor: "#bdbdbd" }
 	} } } }
-}), OJ = class extends A.Component {
+}), LJ = class extends A.Component {
 	static propTypes = {
 		children: N.default.oneOfType([
 			N.default.string,
@@ -39706,19 +39814,19 @@ var TJ = i("div")(() => ({
 		return /* @__PURE__ */ j(Ge, {
 			injectFirst: !0,
 			children: /* @__PURE__ */ j(w, {
-				theme: DJ,
-				children: /* @__PURE__ */ j(wJ, {
+				theme: IJ,
+				children: /* @__PURE__ */ j(NJ, {
 					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__ */ j(EJ, {
+						let { children: t, settings: n, hideSettings: r, dimensions: i, extraCSSRules: a } = this.props, { layoutMode: o } = this.state, s = r ? null : o === "inline" ? /* @__PURE__ */ j(FJ, {
 							className: "settings-box",
 							children: n
 						}) : n;
 						return /* @__PURE__ */ M("div", {
 							ref: e,
 							className: "main-container extraCSSRules",
-							children: [a?.rules ? /* @__PURE__ */ j("style", { dangerouslySetInnerHTML: { __html: `.extraCSSRules { ${a.rules} }` } }) : null, /* @__PURE__ */ j(zq, {
+							children: [a?.rules ? /* @__PURE__ */ j("style", { dangerouslySetInnerHTML: { __html: `.extraCSSRules { ${a.rules} }` } }) : null, /* @__PURE__ */ j(Jq, {
 								mode: o,
 								secondary: s,
 								dimensions: i,
@@ -39730,27 +39838,27 @@ var TJ = i("div")(() => ({
 			})
 		});
 	}
-}, kJ = CJ("bounds")(OJ), AJ = /* @__PURE__ */ Nq({
-	ConfigLayout: () => kJ,
-	LayoutContents: () => zq
-}), jJ = i("div")(() => ({
+}, RJ = MJ("bounds")(LJ), zJ = /* @__PURE__ */ Hq({
+	ConfigLayout: () => RJ,
+	LayoutContents: () => Jq
+}), BJ = i("div")(() => ({
 	display: "flex",
 	width: "100%",
 	justifyContent: "space-between"
-})), MJ = i(Le)(({ theme: e }) => ({
+})), VJ = i(Le)(({ theme: e }) => ({
 	color: "rgba(0, 0, 0, 0.89)",
 	fontSize: e.typography.fontSize,
 	paddingTop: e.spacing(2)
-})), NJ = i(Ga)(({ checked: e }) => ({
+})), HJ = i(Ga)(({ checked: e }) => ({
 	"&.Mui-checked .MuiSwitch-thumb": { color: `${O.tertiary()} !important` },
 	"&.Mui-checked .MuiSwitch-track": { backgroundColor: `${O.tertiaryLight()} !important` },
 	"& .MuiSwitch-track": { backgroundColor: e ? `${O.tertiaryLight()} !important` : void 0 }
-})), PJ = ({ checked: e, disabled: t, label: n, toggle: r }) => /* @__PURE__ */ M(jJ, { children: [/* @__PURE__ */ j(MJ, { children: n }), /* @__PURE__ */ j(NJ, {
+})), UJ = ({ checked: e, disabled: t, label: n, toggle: r }) => /* @__PURE__ */ M(BJ, { children: [/* @__PURE__ */ j(VJ, { children: n }), /* @__PURE__ */ j(HJ, {
 	checked: e,
 	disabled: t,
 	onChange: (e) => r(e.target.checked)
 })] });
-PJ.propTypes = {
+UJ.propTypes = {
 	checked: N.default.bool,
 	disabled: N.default.bool,
 	label: N.default.string.isRequired,
@@ -39758,20 +39866,20 @@ PJ.propTypes = {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/settings/settings-radio-label.js
-var FJ = i(Ii)(({ theme: e }) => ({ "& .MuiFormControlLabel-label": {
+var WJ = i(Ii)(({ theme: e }) => ({ "& .MuiFormControlLabel-label": {
 	color: "rgba(0, 0, 0, 0.89)",
 	fontSize: e.typography.fontSize - 2,
 	left: "-5px",
 	position: "relative"
-} })), IJ = i(La)(() => ({ color: `${O.tertiary()} !important` })), LJ = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ j(FJ, {
+} })), GJ = i(La)(() => ({ color: `${O.tertiary()} !important` })), KJ = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ j(WJ, {
 	value: t,
-	control: /* @__PURE__ */ j(IJ, {
+	control: /* @__PURE__ */ j(GJ, {
 		checked: n,
 		onChange: r
 	}),
 	label: e
 });
-LJ.propTypes = {
+KJ.propTypes = {
 	label: N.default.string,
 	value: N.default.string,
 	checked: N.default.bool,
@@ -39779,26 +39887,26 @@ LJ.propTypes = {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/settings/panel.js
-var RJ = (0, Do.default)("pie-lib:config-ui:settings:panel"), zJ = {
+var qJ = (0, Do.default)("pie-lib:config-ui:settings:panel"), JJ = {
 	label: N.default.string,
 	value: N.default.string
-}, BJ = {
+}, YJ = {
 	label: N.default.string,
 	value: N.default.string,
 	onChange: N.default.func
-}, VJ = ({ label: e, value: t, onChange: n }) => /* @__PURE__ */ j(vq, {
+}, XJ = ({ label: e, value: t, onChange: n }) => /* @__PURE__ */ j(Dq, {
 	checked: t,
 	label: e,
 	onChange: (e) => {
 		n(e.target.checked);
 	}
 });
-VJ.propTypes = {
+XJ.propTypes = {
 	label: N.default.string,
 	value: N.default.bool,
 	onChange: N.default.func
 };
-var HJ = i(Aq)(({ theme: e }) => ({
+var ZJ = i(zq)(({ theme: e }) => ({
 	marginTop: e.spacing(.5),
 	paddingBottom: e.spacing(.5),
 	width: "100%",
@@ -39809,29 +39917,29 @@ var HJ = i(Aq)(({ theme: e }) => ({
 		marginTop: e.spacing(2.5)
 	},
 	"& > div": { marginTop: e.spacing(2.5) }
-})), UJ = ({ label: e, value: t, onChange: n, choices: r }) => /* @__PURE__ */ j(HJ, {
+})), QJ = ({ label: e, value: t, onChange: n, choices: r }) => /* @__PURE__ */ j(ZJ, {
 	direction: "horizontal",
-	customLabel: LJ,
+	customLabel: KJ,
 	value: t,
 	header: e,
 	opts: r,
 	onChange: n
 });
-UJ.propTypes = {
-	...BJ,
-	choices: N.default.arrayOf(N.default.shape(zJ))
+QJ.propTypes = {
+	...YJ,
+	choices: N.default.arrayOf(N.default.shape(JJ))
 };
-var WJ = UJ, GJ = i("p")(({ theme: e }) => ({
+var $J = QJ, eY = i("p")(({ theme: e }) => ({
 	margin: 0,
 	fontSize: e.typography.fontSize
-})), KJ = i(Ne)(({ theme: e }) => ({
+})), tY = i(Ne)(({ theme: e }) => ({
 	marginTop: e.spacing(.5),
 	border: "2px solid lightgrey",
 	padding: `0 ${e.spacing(1)}`,
 	borderRadius: "4px"
-})), qJ = ({ label: e, value: t, onChange: n, choices: r = [] }) => {
+})), nY = ({ 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__ */ M("div", { children: [e && /* @__PURE__ */ j(GJ, { children: e }), /* @__PURE__ */ j(KJ, {
+	return /* @__PURE__ */ M("div", { children: [e && /* @__PURE__ */ j(eY, { children: e }), /* @__PURE__ */ j(tY, {
 		value: t || r && r[0],
 		onChange: ({ target: e }) => n(e.value),
 		input: /* @__PURE__ */ j(le, { id: `dropdown-${e}` }),
@@ -39846,14 +39954,14 @@ var WJ = UJ, GJ = i("p")(({ theme: e }) => ({
 		}, t))
 	})] });
 };
-qJ.propTypes = {
-	...BJ,
+nY.propTypes = {
+	...YJ,
 	choices: N.default.arrayOf(N.default.string)
 };
-var JJ = i(Dt)(({ theme: e }) => ({
+var rY = i(Dt)(({ theme: e }) => ({
 	marginRight: e.spacing(3),
 	marginTop: e.spacing(1)
-})), YJ = ({ label: e }) => /* @__PURE__ */ j(JJ, { children: e }), XJ = i(Sq)(({ theme: e }) => ({
+})), iY = ({ label: e }) => /* @__PURE__ */ j(rY, { children: e }), aY = i(jq)(({ theme: e }) => ({
 	width: "35%",
 	marginRight: e.spacing(3),
 	marginTop: e.spacing(1),
@@ -39864,7 +39972,7 @@ var JJ = i(Dt)(({ theme: e }) => ({
 		padding: `0 ${e.spacing(1)}`,
 		backgroundColor: "transparent"
 	}
-})), ZJ = ({ label: e, value: t, onChange: n = () => {}, suffix: r, min: i, max: a }) => /* @__PURE__ */ j(XJ, {
+})), oY = ({ label: e, value: t, onChange: n = () => {}, suffix: r, min: i, max: a }) => /* @__PURE__ */ j(aY, {
 	variant: "standard",
 	label: e || "Label",
 	value: t,
@@ -39875,45 +39983,45 @@ var JJ = i(Dt)(({ theme: e }) => ({
 	showErrorWhenOutsideRange: !0,
 	disableUnderline: !0
 });
-ZJ.propTypes = {
-	...BJ,
+oY.propTypes = {
+	...YJ,
 	suffix: N.default.string,
 	min: N.default.number,
 	max: N.default.number,
 	value: N.default.number
-}, YJ.propTypes = { ...BJ };
-var QJ = ({ disabled: e, label: t, value: n, onChange: r }) => /* @__PURE__ */ j(PJ, {
+}, iY.propTypes = { ...YJ };
+var sY = ({ disabled: e, label: t, value: n, onChange: r }) => /* @__PURE__ */ j(UJ, {
 	label: t,
 	checked: !!n,
 	disabled: !!e,
 	toggle: r
 });
-QJ.propTypes = {
-	...BJ,
+sY.propTypes = {
+	...YJ,
 	value: N.default.bool
 };
-var $J = {
-	toggle: QJ,
-	radio: WJ,
-	dropdown: qJ,
-	numberField: ZJ,
-	checkbox: VJ,
-	textField: YJ
-}, eY = i("div")(({ theme: e }) => ({ margin: `0 0 ${e.spacing(2)} 0` })), tY = i("div")(({ theme: e }) => ({
+var cY = {
+	toggle: sY,
+	radio: $J,
+	dropdown: nY,
+	numberField: oY,
+	checkbox: XJ,
+	textField: iY
+}, lY = i("div")(({ theme: e }) => ({ margin: `0 0 ${e.spacing(2)} 0` })), uY = i("div")(({ theme: e }) => ({
 	color: "#495B8F",
 	fontSize: e.typography.fontSize + 2,
 	fontWeight: 600,
 	marginBottom: e.spacing(1)
-})), nY = i("p")(({ theme: e }) => ({
+})), dY = i("p")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize,
 	marginBottom: 0
-})), rY = (e) => {
+})), fY = (e) => {
 	let { model: t, label: n, group: r, configuration: i, onChange: a } = e, o = (e, n, r) => {
 		let { isConfigProperty: o, ...s } = S(e, r || n), c = S(o ? i : t, n), l = {
 			...s,
 			key: n,
 			value: c
-		}, u = $J[l.type];
+		}, u = cY[l.type];
 		return /* @__PURE__ */ j(u, {
 			...l,
 			onChange: (e) => a(n, e, o)
@@ -39922,18 +40030,18 @@ var $J = {
 		let n = e[t];
 		if (!n) return null;
 		let { type: r, label: i, fields: a, choices: s } = n;
-		return r === "numberFields" ? /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j(nY, { children: i }), Object.keys(a).map((n) => o(e, `${t}.${n}`, `${t}.fields.${n}`))] }, `numberField-${i}`) : r === "checkboxes" ? /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", { children: i }), Object.keys(s).map((n) => o(e, `${t}.${n}`, `${t}.choices.${n}`))] }, `checkbox-${i}`) : o(e, t);
+		return r === "numberFields" ? /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j(dY, { children: i }), Object.keys(a).map((n) => o(e, `${t}.${n}`, `${t}.fields.${n}`))] }, `numberField-${i}`) : r === "checkboxes" ? /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", { children: i }), Object.keys(s).map((n) => o(e, `${t}.${n}`, `${t}.choices.${n}`))] }, `checkbox-${i}`) : o(e, t);
 	};
-	return /* @__PURE__ */ M(eY, { children: [/* @__PURE__ */ j(tY, { children: n }), Object.keys(r).map((e) => s(r, e))] });
+	return /* @__PURE__ */ M(lY, { children: [/* @__PURE__ */ j(uY, { children: n }), Object.keys(r).map((e) => s(r, e))] });
 };
-rY.propTypes = {
+fY.propTypes = {
 	model: N.default.object,
 	label: N.default.string,
 	group: N.default.object,
 	configuration: N.default.object,
 	onChange: N.default.func
 };
-var iY = class extends A.Component {
+var pY = class extends A.Component {
 	static propTypes = {
 		model: N.default.object,
 		configuration: N.default.object,
@@ -39947,13 +40055,13 @@ var iY = class extends A.Component {
 		onChangeConfiguration: () => {}
 	};
 	change = (e, t, n = !1) => {
-		RJ("[changeModel]", e, t);
+		qJ("[changeModel]", e, t);
 		let { onChangeModel: r, onChangeConfiguration: i } = this.props, a = { ...this.props.model }, o = { ...this.props.configuration };
 		n ? ($e(o, e, t), i(o, e)) : ($e(a, e, t), r(a, e));
 	};
 	render() {
 		let { groups: e, model: t, configuration: n, modal: r } = this.props;
-		return RJ("render:", t), /* @__PURE__ */ M("div", { children: [Object.keys(e || {}).map((r) => Object.entries(e[r]).some(([, e]) => !!e) ? /* @__PURE__ */ j(rY, {
+		return qJ("render:", t), /* @__PURE__ */ M("div", { children: [Object.keys(e || {}).map((r) => Object.entries(e[r]).some(([, e]) => !!e) ? /* @__PURE__ */ j(fY, {
 			label: r,
 			model: t,
 			configuration: n,
@@ -39961,59 +40069,59 @@ var iY = class extends A.Component {
 			onChange: this.change
 		}, r) : null), r] });
 	}
-}, aY = /* @__PURE__ */ Nq({
-	Panel: () => iY,
-	checkbox: () => pY,
-	checkboxes: () => mY,
-	dropdown: () => uY,
-	numberField: () => dY,
-	numberFields: () => fY,
-	radio: () => lY,
-	textField: () => oY,
-	toggle: () => sY
-}), oY = (e, t = !0) => ({
+}, mY = /* @__PURE__ */ Hq({
+	Panel: () => pY,
+	checkbox: () => SY,
+	checkboxes: () => CY,
+	dropdown: () => yY,
+	numberField: () => bY,
+	numberFields: () => xY,
+	radio: () => vY,
+	textField: () => hY,
+	toggle: () => gY
+}), hY = (e, t = !0) => ({
 	label: e,
 	type: "textField",
 	isConfigProperty: t
-}), sY = (e, t = !1, n = !1) => ({
+}), gY = (e, t = !1, n = !1) => ({
 	type: "toggle",
 	label: e,
 	isConfigProperty: t,
 	disabled: n
-}), cY = (e) => typeof e == "string" ? {
+}), _Y = (e) => typeof e == "string" ? {
 	label: e,
 	value: e
-} : e, lY = function() {
+} : e, vY = function() {
 	let [e, t, n = !1] = Array.prototype.slice.call(arguments);
 	return {
 		type: "radio",
 		label: e,
-		choices: t && t.map((e) => cY(e)),
+		choices: t && t.map((e) => _Y(e)),
 		isConfigProperty: n
 	};
-}, uY = (e, t, n = !1) => ({
+}, yY = (e, t, n = !1) => ({
 	type: "dropdown",
 	label: e,
 	choices: t,
 	isConfigProperty: n
-}), dY = (e, t, n = !1) => ({
+}), bY = (e, t, n = !1) => ({
 	...t,
 	label: e,
 	type: "numberField",
 	isConfigProperty: n
-}), fY = (e, t, n = !1) => (Object.keys(t).map((e) => {
-	t[e] = dY(t[e].label, t[e], n);
+}), xY = (e, t, n = !1) => (Object.keys(t).map((e) => {
+	t[e] = bY(t[e].label, t[e], n);
 }), {
 	type: "numberFields",
 	label: e,
 	fields: t
-}), pY = (e, t, n = !1) => ({
+}), SY = (e, t, n = !1) => ({
 	...t,
 	label: e,
 	type: "checkbox",
 	isConfigProperty: n
-}), mY = (e, t, n = !1) => (Object.keys(t).map((e) => {
-	t[e] = pY(t[e].label, t[e], n);
+}), CY = (e, t, n = !1) => (Object.keys(t).map((e) => {
+	t[e] = SY(t[e].label, t[e], n);
 }), {
 	type: "checkboxes",
 	label: e,
@@ -40021,24 +40129,24 @@ var iY = class extends A.Component {
 });
 //#endregion
 //#region ../../lib-react/config-ui/dist/index.js
-function hY(e) {
+function wY(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function gY(e, t) {
-	return !e || hY(e) ? e : hY(e.default) ? e.default : t && hY(e[t]) ? e[t] : t && hY(e[t]?.default) ? e[t].default : e;
+function TY(e, t) {
+	return !e || wY(e) ? e : wY(e.default) ? e.default : t && wY(e[t]) ? e[t] : t && wY(e[t]?.default) ? e[t].default : e;
 }
-var _Y = gY(he, "InputContainer") || gY(bY.InputContainer, "InputContainer"), vY = Fe, yY = vY.default, bY = yY && typeof yY == "object" ? yY : vY, xY = i(Qe)({ marginLeft: 8 }), SY = ({ label: e, onClick: t, disabled: n }) => /* @__PURE__ */ j(xY, {
+var EY = TY(he, "InputContainer") || TY(kY.InputContainer, "InputContainer"), DY = Fe, OY = DY.default, kY = OY && typeof OY == "object" ? OY : DY, AY = i(Qe)({ marginLeft: 8 }), jY = ({ label: e, onClick: t, disabled: n }) => /* @__PURE__ */ j(AY, {
 	onClick: t,
 	disabled: n,
 	size: "small",
 	variant: "contained",
 	children: e
 });
-SY.propTypes = {
+jY.propTypes = {
 	disabled: N.default.bool,
 	label: N.default.string,
 	onClick: N.default.func
-}, SY.defaultProps = {
+}, jY.defaultProps = {
 	className: "",
 	disabled: !1,
 	label: "Add",
@@ -40046,22 +40154,22 @@ SY.propTypes = {
 };
 //#endregion
 //#region src/author/image-container.tsx
-var CY = (e) => e.type.match(/image.*/), wY = i("div")(({ theme: e }) => ({ marginTop: e.spacing(1) })), TY = i("div")(({ active: e }) => ({
+var MY = (e) => e.type.match(/image.*/), NY = i("div")(({ theme: e }) => ({ marginTop: e.spacing(1) })), PY = i("div")(({ active: e }) => ({
 	border: e ? "1px solid #0032C2" : "1px solid #E0E1E6",
 	borderRadius: "5px"
-})), EY = i("div")({
+})), FY = i("div")({
 	alignItems: "center",
 	display: "flex",
 	flexDirection: "column",
 	justifyContent: "center"
-}), DY = i("div")({ minHeight: 350 }), OY = i("img")({
+}), IY = i("div")({ minHeight: 350 }), LY = i("img")({
 	alignItems: "center",
 	display: "flex",
 	justifyContent: "center"
-}), kY = i("div")({
+}), RY = i("div")({
 	position: "relative",
 	width: "fit-content"
-}), AY = i("div")({
+}), zY = i("div")({
 	borderBottom: "1px solid #727272",
 	borderRight: "1px solid #727272",
 	bottom: "-10px",
@@ -40070,14 +40178,14 @@ var CY = (e) => e.type.match(/image.*/), wY = i("div")(({ theme: e }) => ({ marg
 	position: "absolute",
 	right: "-10px",
 	width: "10px"
-}), jY = i("input")({ display: "none" }), MY = i("div")({
+}), BY = i("input")({ display: "none" }), VY = i("div")({
 	backgroundColor: "#ECEDF1",
 	borderBottom: "1px solid #E0E1E6",
 	borderTopLeftRadius: "5px",
 	borderTopRightRadius: "5px",
 	display: "flex",
 	padding: "12px 8px"
-}), NY = class extends tt {
+}), HY = class extends tt {
 	static propTypes = { imageDimensions: N.default.object };
 	static defaultProps = {};
 	constructor(e) {
@@ -40122,8 +40230,8 @@ var CY = (e) => e.type.match(/image.*/), wY = i("div")(({ theme: e }) => ({ marg
 		let { items: t, files: n } = e.dataTransfer;
 		if (t && t[0].kind === "file") {
 			let e = t[0].getAsFile();
-			CY(e) && this.handleFileRead(e);
-		} else CY(n[0]) && this.handleFileRead(n[0]);
+			MY(e) && this.handleFileRead(e);
+		} else MY(n[0]) && this.handleFileRead(n[0]);
 		this.makeDropzoneInactive();
 	};
 	handleOnDragOver = (e) => {
@@ -40162,10 +40270,10 @@ var CY = (e) => e.type.match(/image.*/), wY = i("div")(({ theme: e }) => ({ marg
 		} })), this.handleDisableDrag();
 	};
 	renderUploadControl(e) {
-		return /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j(SY, {
+		return /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j(jY, {
 			label: e,
 			onClick: this.handleInputClick
-		}), /* @__PURE__ */ j(jY, {
+		}), /* @__PURE__ */ j(BY, {
 			accept: "image/*",
 			onChange: this.handleUploadImage,
 			ref: (e) => {
@@ -40176,7 +40284,7 @@ var CY = (e) => e.type.match(/image.*/), wY = i("div")(({ theme: e }) => ({ marg
 	}
 	render() {
 		let { imageUrl: e, imageDimensions: t } = this.props, { dropzoneActive: n, dragEnabled: r, maxImageHeight: i, maxImageWidth: a } = this.state;
-		return /* @__PURE__ */ j(wY, { children: /* @__PURE__ */ M(TY, {
+		return /* @__PURE__ */ j(NY, { children: /* @__PURE__ */ M(PY, {
 			active: n,
 			...r ? {
 				onDragExit: this.handleOnDragExit,
@@ -40184,11 +40292,11 @@ var CY = (e) => e.type.match(/image.*/), wY = i("div")(({ theme: e }) => ({ marg
 				onDragOver: this.handleOnDragOver,
 				onDrop: this.handleOnDrop
 			} : {},
-			children: [/* @__PURE__ */ j(MY, { children: this.renderUploadControl(e ? "Replace Image" : "Upload Image") }), /* @__PURE__ */ j(DY, {
+			children: [/* @__PURE__ */ j(VY, { children: this.renderUploadControl(e ? "Replace Image" : "Upload Image") }), /* @__PURE__ */ j(IY, {
 				ref: (e) => {
 					this.imageSection = e;
 				},
-				children: e ? /* @__PURE__ */ M(kY, { children: [/* @__PURE__ */ j(OY, {
+				children: e ? /* @__PURE__ */ M(RY, { children: [/* @__PURE__ */ j(LY, {
 					height: "auto",
 					onLoad: this.handleOnImageLoad,
 					ref: (e) => {
@@ -40201,10 +40309,10 @@ var CY = (e) => e.type.match(/image.*/), wY = i("div")(({ theme: e }) => ({ marg
 						maxHeight: i
 					},
 					alt: ""
-				}), /* @__PURE__ */ j(AY, { ref: (e) => {
+				}), /* @__PURE__ */ j(zY, { ref: (e) => {
 					this.resize = e;
-				} })] }) : /* @__PURE__ */ M(DY, {
-					as: EY,
+				} })] }) : /* @__PURE__ */ M(IY, {
+					as: FY,
 					children: [
 						/* @__PURE__ */ j("label", { children: "Drag and drop or upload image from computer" }),
 						/* @__PURE__ */ j("br", {}),
@@ -40215,7 +40323,7 @@ var CY = (e) => e.type.match(/image.*/), wY = i("div")(({ theme: e }) => ({ marg
 		}) });
 	}
 };
-NY.propTypes = {
+HY.propTypes = {
 	imageUrl: N.default.string.isRequired,
 	onImageUpload: N.default.func.isRequired,
 	onUpdateImageDimension: N.default.func.isRequired,
@@ -40223,16 +40331,16 @@ NY.propTypes = {
 };
 //#endregion
 //#region src/author/root.tsx
-var { Panel: PY, toggle: FY, dropdown: IY } = aY, LY = i(_Y)(({ theme: e }) => ({
+var { Panel: UY, toggle: WY, dropdown: GY } = mY, KY = i(EY)(({ theme: e }) => ({
 	paddingTop: e.spacing(1),
 	marginTop: e.spacing(2),
 	marginBottom: e.spacing(1),
 	width: "100%"
-})), RY = i("div")(({ theme: e }) => ({
+})), qY = i("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(1)
-})), zY = class extends A.Component {
+})), JY = class extends A.Component {
 	onPromptChanged = (e) => {
 		let { model: t, onModelChanged: n } = this.props;
 		n({
@@ -40263,23 +40371,23 @@ var { Panel: PY, toggle: FY, dropdown: IY } = aY, LY = i(_Y)(({ theme: e }) => (
 	};
 	render() {
 		let { configuration: e, imageSupport: t, model: n, onConfigurationChanged: r, onModelChanged: i, uploadSoundSupport: a } = this.props, { baseInputConfiguration: o = {}, backgroundImage: s = {}, contentDimensions: c = {}, maxImageWidth: l = {}, maxImageHeight: u = {}, prompt: d = {}, settingsPanelDisabled: f, spellCheck: p = {}, teacherInstructions: m = {}, withRubric: h = {}, language: g = {}, languageChoices: _ = {}, mathMlOptions: v = {} } = e || {}, { backgroundImageEnabled: y, errors: b = {}, extraCSSRules: x, promptEnabled: S, spellCheckEnabled: C, teacherInstructionsEnabled: w, toolbarEditorPosition: T } = n || {}, { prompt: E, teacherInstructions: ee } = b, te = l && l.prompt, D = u && u.prompt, ne = { position: T === "top" ? "top" : "bottom" }, re = {
-			backgroundImageEnabled: s.settings && FY(s.label),
-			promptEnabled: d.settings && FY(d.label),
-			"language.enabled": g.settings && FY(g.label, !0),
-			language: g.settings && g.enabled && IY(_.label, _.options)
+			backgroundImageEnabled: s.settings && WY(s.label),
+			promptEnabled: d.settings && WY(d.label),
+			"language.enabled": g.settings && WY(g.label, !0),
+			language: g.settings && g.enabled && GY(_.label, _.options)
 		}, ie = {
-			teacherInstructionsEnabled: m.settings && FY(m.label),
-			spellCheckEnabled: p.settings && FY(p.label),
-			rubricEnabled: h?.settings && FY(h?.label)
+			teacherInstructionsEnabled: m.settings && WY(m.label),
+			spellCheckEnabled: p.settings && WY(p.label),
+			rubricEnabled: h?.settings && WY(h?.label)
 		}, ae = (e = {}) => ({
 			...o,
 			...e
 		});
-		return /* @__PURE__ */ M(AJ.ConfigLayout, {
+		return /* @__PURE__ */ M(zJ.ConfigLayout, {
 			extraCSSRules: x,
 			dimensions: c,
 			hideSettings: f,
-			settings: /* @__PURE__ */ j(PY, {
+			settings: /* @__PURE__ */ j(UY, {
 				model: n,
 				onChangeModel: i,
 				configuration: e,
@@ -40290,9 +40398,9 @@ var { Panel: PY, toggle: FY, dropdown: IY } = aY, LY = i(_Y)(({ theme: e }) => (
 				}
 			}),
 			children: [
-				w && /* @__PURE__ */ M(LY, {
+				w && /* @__PURE__ */ M(KY, {
 					label: m.label,
-					children: [/* @__PURE__ */ j(pq, {
+					children: [/* @__PURE__ */ j(Sq, {
 						markup: n.teacherInstructions || "",
 						onChange: this.onTeacherInstructionsChanged,
 						imageSupport: t,
@@ -40306,11 +40414,11 @@ var { Panel: PY, toggle: FY, dropdown: IY } = aY, LY = i(_Y)(({ theme: e }) => (
 						uploadSoundSupport: a,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 						mathMlOptions: v
-					}), ee && /* @__PURE__ */ j(RY, { children: ee })]
+					}), ee && /* @__PURE__ */ j(qY, { children: ee })]
 				}),
-				S && /* @__PURE__ */ M(LY, {
+				S && /* @__PURE__ */ M(KY, {
 					label: "Item Stem",
-					children: [/* @__PURE__ */ j(pq, {
+					children: [/* @__PURE__ */ j(Sq, {
 						markup: n.prompt,
 						onChange: this.onPromptChanged,
 						error: E,
@@ -40323,12 +40431,12 @@ var { Panel: PY, toggle: FY, dropdown: IY } = aY, LY = i(_Y)(({ theme: e }) => (
 						uploadSoundSupport: a,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 						mathMlOptions: v
-					}), E && /* @__PURE__ */ j(RY, { children: E })]
+					}), E && /* @__PURE__ */ j(qY, { children: E })]
 				}),
 				y && /* @__PURE__ */ M(A.Fragment, { children: [/* @__PURE__ */ j(Dt, {
 					variant: "h6",
 					children: "Define Background Image"
-				}), /* @__PURE__ */ j(NY, {
+				}), /* @__PURE__ */ j(HY, {
 					imageUrl: n.imageUrl,
 					onUpdateImageDimension: this.onUpdateImageDimension,
 					onImageUpload: this.onImageUpload,
@@ -40339,7 +40447,7 @@ var { Panel: PY, toggle: FY, dropdown: IY } = aY, LY = i(_Y)(({ theme: e }) => (
 		});
 	}
 };
-zY.propTypes = {
+JY.propTypes = {
 	configuration: N.default.object,
 	model: N.default.object.isRequired,
 	imageSupport: N.default.shape({
@@ -40355,7 +40463,7 @@ zY.propTypes = {
 };
 //#endregion
 //#region src/author/defaults.ts
-var BY = {
+var YY = {
 	model: {
 		backgroundImageEnabled: !0,
 		imageDimensions: {
@@ -40437,23 +40545,23 @@ var BY = {
 			options: []
 		}
 	}
-}, VY = (0, Do.default)("hotspot:configure"), HY = class e extends HTMLElement {
+}, XY = (0, Do.default)("hotspot:configure"), ZY = class e extends HTMLElement {
 	static createDefaultModel = (e = {}, t) => {
 		let n = {
-			...BY.model,
+			...YY.model,
 			...e
 		};
 		return t?.withRubric?.forceEnabled && !n.rubricEnabled && (n.rubricEnabled = !0), n;
 	};
 	constructor() {
-		super(), this._root = null, this._configuration = BY.configuration, this._configuration.withRubric?.forceEnabled && (this._configuration.withRubric.settings = !1), this._model = e.createDefaultModel({}, this._configuration), this.onModelChanged = this.onModelChanged.bind(this);
+		super(), this._root = null, this._configuration = YY.configuration, this._configuration.withRubric?.forceEnabled && (this._configuration.withRubric.settings = !1), this._model = e.createDefaultModel({}, this._configuration), this.onModelChanged = this.onModelChanged.bind(this);
 	}
 	set model(t) {
 		this._model = e.createDefaultModel(t, this._configuration), this._render();
 	}
 	set configuration(e) {
 		let t = {
-			...BY.configuration,
+			...YY.configuration,
 			...e
 		};
 		this._configuration = t;
@@ -40486,8 +40594,8 @@ var BY = {
 		this.dispatchEvent(new jt(e, t));
 	}
 	_render() {
-		VY("_render");
-		let e = A.createElement(zY, {
+		XY("_render");
+		let e = A.createElement(JY, {
 			model: this._model,
 			configuration: this._configuration,
 			onModelChanged: this.onModelChanged,
@@ -40511,6 +40619,6 @@ var BY = {
 	}
 };
 //#endregion
-export { HY as default };
+export { ZY as default };
 
 //# sourceMappingURL=index.js.map