@pie-element/match 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, At as o, B as s, C as c, Ct as l, D as u, Dt as d, E as f, Et as p, F as m, G as h, H as g, I as _, J as v, K as y, L as b, M as x, Mt as S, N as C, Nt as w, Ot as ee, P as T, Q as te, R as E, S as ne, St as re, T as ie, Tt as D, U as ae, V as oe, W as se, X as ce, Y as le, Z as ue, _ as de, _t as fe, a as pe, at as me, b as he, bt as ge, c as _e, ct as ve, et as ye, ft as O, g as be, gt as xe, h as Se, ht as k, i as Ce, it as we, j as Te, jt as Ee, k as De, kt as A, l as Oe, lt as ke, m as Ae, mt as je, n as Me, nt as Ne, o as Pe, ot as Fe, q as Ie, r as Le, rt as Re, s as ze, st as Be, t as Ve, tt as He, ut as Ue, v as We, vt as Ge, w as Ke, wt as qe, xt as Je, y as Ye, yt as Xe, z as j } from "../Typography-BvyMwfyW.js";
+import { $ as i, A as a, At as o, B as s, C as c, Ct as l, D as u, Dt as d, E as f, Et as p, F as m, G as h, H as g, I as _, J as v, K as y, L as b, M as x, Mt as S, N as C, Nt as w, Ot as ee, P as T, Q as te, R as E, S as ne, St as re, T as ie, Tt as D, U as ae, V as oe, W as se, X as ce, Y as le, Z as ue, _ as de, _t as fe, a as pe, at as me, b as he, bt as ge, c as _e, ct as ve, et as ye, ft as O, g as be, gt as xe, h as Se, ht as k, i as Ce, it as we, j as Te, jt as Ee, k as De, kt as A, l as Oe, lt as ke, m as Ae, mt as je, n as Me, nt as Ne, o as Pe, ot as Fe, q as Ie, r as Le, rt as Re, s as ze, st as Be, t as Ve, tt as He, ut as Ue, v as We, vt as Ge, w as Ke, wt as qe, xt as Je, y as Ye, yt as Xe, z as j } from "../Typography-DS6VD63M.js";
 import { a as Ze, c as Qe, d as $e, f as et, i as tt, l as nt, n as rt, o as it, p as at, r as ot, s as st, t as ct, u as lt } from "../dist-C4gh2n2Z.js";
 import * as M from "react";
 import N, { Component as ut, createContext as dt, createElement as ft, createRef as pt, forwardRef as mt, memo as ht, useCallback as gt, useContext as _t, useDebugValue as vt, useEffect as P, useLayoutEffect as yt, useMemo as bt, useReducer as xt, useRef as St, useState as Ct, version as wt } from "react";
@@ -41237,8 +41237,8 @@ mx.create({
 		})) ?? null };
 	}
 });
-var VY = "placeholder", HY = new xd("tiptap__placeholder"), UY = 200;
-function WY(e) {
+var VY = "placeholder", HY = new xd("tiptap__placeholder");
+function UY(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), __.node(i, i + a.nodeSize, {
 		class: u.join(" "),
@@ -41250,156 +41250,198 @@ function WY(e) {
 		}) : n
 	});
 }
-function GY({ editor: e, options: t, dataAttribute: n, doc: r, selection: i }) {
+function WY(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+function GY({ 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 && Sb(r);
+		return r.type.isTextblock && (a || !t.showOnlyCurrent) && o && c.push(UY({
+			editor: e,
+			isEmptyDoc: l,
+			dataAttribute: n,
+			hasAnchor: a,
+			placeholder: t.placeholder,
+			classes: {
+				emptyEditor: t.emptyEditorClass,
+				emptyNode: WY(t.emptyNodeClass, {
+					editor: e,
+					node: r,
+					pos: i,
+					hasAnchor: a
+				})
+			},
+			node: r,
+			pos: i
+		})), t.includeChildren;
+	}), c;
+}
+function KY({ 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 && Sb(l)) {
-			let r = a >= u && a <= u + l.nodeSize;
-			o.push(WY({
+		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 && Sb(c)) {
+			let r = a >= l && a <= l + c.nodeSize;
+			o.push(UY({
 				editor: e,
 				isEmptyDoc: s,
 				dataAttribute: n,
 				hasAnchor: r,
 				placeholder: t.placeholder,
-				classes: c,
-				node: l,
-				pos: u
+				classes: {
+					emptyEditor: t.emptyEditorClass,
+					emptyNode: WY(t.emptyNodeClass, {
+						editor: e,
+						node: c,
+						pos: l,
+						hasAnchor: r
+					})
+				},
+				node: c,
+				pos: l
 			}));
 		}
-	} else {
-		let i = HY.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 && Sb(r);
-			return r.type.isTextblock && (l || !t.showOnlyCurrent) && u && o.push(WY({
-				editor: e,
-				isEmptyDoc: s,
-				dataAttribute: n,
-				hasAnchor: l,
-				placeholder: t.placeholder,
-				classes: c,
-				node: r,
-				pos: i
-			})), t.includeChildren;
-		});
-	}
+	} else o.push(...GY({
+		editor: e,
+		options: t,
+		dataAttribute: n,
+		doc: r,
+		selection: i,
+		from: 0,
+		to: r.content.size
+	}));
 	return b_.create(r, o);
 }
-function KY(e) {
-	return e.replace(/\s+/g, "-").replace(/[^a-zA-Z0-9-]/g, "").replace(/^[0-9-]+/, "").replace(/^-+/, "").toLowerCase();
+function qY(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 qY(e) {
-	let t = getComputedStyle(e), n = `${t.overflow} ${t.overflowY} ${t.overflowX}`;
-	return /auto|scroll|overlay/.test(n);
+function JY(e, t) {
+	return {
+		from: Math.max(0, t.from - 1),
+		to: Math.min(e.content.size, t.to - 1)
+	};
 }
-function JY(e) {
-	let t = e;
-	for (; t;) {
-		if (qY(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 YY(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 XY(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 YY(e) {
-	return e === window ? {
-		top: 0,
-		bottom: window.innerHeight
-	} : e.getBoundingClientRect();
+function ZY(e, t) {
+	let n = YY(e, t.from, t.to);
+	return n.push(JY(e, qY(e, t.from))), t.to > t.from ? n.push(JY(e, qY(e, Math.min(t.to, e.content.size + 1) - 1))) : t.from < e.content.size + 1 && n.push(JY(e, qY(e, Math.min(t.from + 1, e.content.size)))), n;
 }
-function XY({ doc: e, view: t, scrollContainer: n }) {
-	let r = t.dom.getBoundingClientRect(), i = n ? YY(n) : {
-		top: 0,
-		bottom: window.innerHeight
-	}, a = Math.max(r.top, i.top) - UY, o = Math.min(r.bottom, i.bottom) + UY;
-	if (a >= o) return {
-		top: 0,
-		bottom: e.content.size
-	};
-	let s = getComputedStyle(t.dom).direction === "rtl" ? Math.max(r.right - 2, r.left + 2) : r.left + 2, c = t.posAtCoords({
-		left: s,
-		top: a + 2
-	}), l = t.posAtCoords({
-		left: s,
-		top: o - 2
-	});
+function QY(e, t, n) {
+	let r = [];
+	if (e.docChanged) {
+		let t = db(e);
+		for (let e of t) r.push(...ZY(n.doc, e.newRange));
+	}
+	return e.selectionSet && (r.push(JY(n.doc, qY(n.doc, e.mapping.map(t.selection.anchor)))), r.push(JY(n.doc, qY(n.doc, n.selection.anchor)))), XY(r);
+}
+function $Y(e, t, n) {
+	let r = Math.max(0, Math.min(e, n.content.size));
 	return {
-		top: c ? c.pos : 0,
-		bottom: l ? l.pos : e.content.size
+		from: r,
+		to: Math.max(r, Math.min(t, n.content.size))
 	};
 }
-var ZY = {
-	init() {
-		return {
-			topPos: null,
-			bottomPos: null
-		};
-	},
-	apply(e, t) {
-		let n = e.getMeta(HY);
-		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 eX({ 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 } = $Y(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 = GY({
+			editor: n,
+			options: r,
+			dataAttribute: i,
+			doc: a,
+			selection: o,
+			from: t,
+			to: c
+		});
+		u.length && (s = s.add(a, u));
 	}
-};
-function QY(e) {
-	let t = JY(e.dom), n = () => {
-		let n = XY({
-			view: e,
-			doc: e.state.doc,
-			scrollContainer: t
-		}), r = HY.getState(e.state);
-		if (r?.topPos === n.top && r?.bottomPos === n.bottom) return;
-		let i = e.state.tr.setMeta(HY, { 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 tX({ editor: e, options: t, dataAttribute: n }) {
+	return {
+		init(r, i) {
+			return KY({
+				editor: e,
+				options: t,
+				dataAttribute: n,
+				doc: i.doc,
+				selection: i.selection
+			}) ?? b_.empty;
 		},
-		destroy: () => {
-			r !== null && cancelAnimationFrame(r), t.removeEventListener("scroll", a);
+		apply(r, i, a, o) {
+			return !r.docChanged && !r.selectionSet ? i : eX({
+				decorations: i.map(r.mapping, r.doc),
+				ranges: QY(r, a, o),
+				editor: e,
+				options: t,
+				dataAttribute: n,
+				doc: o.doc,
+				selection: o.selection
+			});
 		}
 	};
 }
-function $Y({ editor: e, options: t }) {
-	let n = t.dataAttribute ? `data-${KY(t.dataAttribute)}` : `data-${VY}`;
+function nX(e) {
+	return e.replace(/\s+/g, "-").replace(/[^a-zA-Z0-9-]/g, "").replace(/^[0-9-]+/, "").replace(/^-+/, "").toLowerCase();
+}
+function rX({ editor: e, options: t }) {
+	let n = t.dataAttribute ? `data-${nX(t.dataAttribute)}` : `data-${VY}`, r = t.showOnlyCurrent && !t.includeChildren;
 	return new vd({
 		key: HY,
-		state: ZY,
-		view: QY,
-		props: { decorations: ({ doc: r, selection: i }) => GY({
+		...r ? {} : { state: tX({
+			editor: e,
+			options: t,
+			dataAttribute: n
+		}) },
+		props: { decorations: r ? ({ doc: r, selection: i }) => KY({
 			editor: e,
 			options: t,
 			dataAttribute: n,
 			doc: r,
 			selection: i
-		}) }
+		}) : (n) => t.showOnlyWhenEditable && !e.isEditable ? b_.empty : HY.getState(n) ?? b_.empty }
 	});
 }
-var eX = mx.create({
+var iX = mx.create({
 	name: "placeholder",
 	addOptions() {
 		return {
@@ -41413,12 +41455,25 @@ var eX = mx.create({
 		};
 	},
 	addProseMirrorPlugins() {
-		return [$Y({
+		return [rX({
 			editor: this.editor,
 			options: this.options
 		})];
 	}
 });
+function aX(e, t) {
+	return !e.selection.empty && !Cb(e.selection) && t.isEditable;
+}
+function oX(e, t) {
+	return aX(e, t) && !t.isFocused && !t.view.dragging;
+}
+function sX() {
+	var e;
+	(e = window.getSelection()) == null || e.removeAllRanges();
+}
+function cX(e) {
+	e.focus();
+}
 mx.create({
 	name: "selection",
 	addOptions() {
@@ -41428,13 +41483,25 @@ mx.create({
 		let { editor: e, options: t } = this;
 		return [new vd({
 			key: new xd("selection"),
-			props: { decorations(n) {
-				return n.selection.empty || e.isFocused || !e.isEditable || Cb(n.selection) || e.view.dragging ? null : b_.create(n.doc, [__.inline(n.selection.from, n.selection.to, { class: t.className })]);
-			} }
+			props: {
+				decorations(n) {
+					return oX(n, e) ? b_.create(n.doc, [__.inline(n.selection.from, n.selection.to, { class: t.className })]) : null;
+				},
+				handleDOMEvents: {
+					blur(t) {
+						return aX(t.state, e) && sX(), !1;
+					},
+					focus(t) {
+						return aX(t.state, e) && requestAnimationFrame(() => {
+							!e.isDestroyed && t.hasFocus() && cX(t);
+						}), !1;
+					}
+				}
+			}
 		})];
 	}
 });
-function tX({ types: e, node: t }) {
+function lX({ types: e, node: t }) {
 	return t && Array.isArray(e) && e.includes(t.type) || t?.type === e;
 }
 mx.create({
@@ -41456,7 +41523,7 @@ mx.create({
 			state: {
 				init: (e, t) => {
 					let r = t.tr.doc.lastChild;
-					return !tX({
+					return !lX({
 						node: r,
 						types: n
 					});
@@ -41464,7 +41531,7 @@ mx.create({
 				apply: (e, t) => {
 					if (!e.docChanged || e.getMeta("__uniqueIDTransaction")) return t;
 					let r = e.doc.lastChild;
-					return !tX({
+					return !lX({
 						node: r,
 						types: n
 					});
@@ -41499,7 +41566,7 @@ mx.create({
 		};
 	}
 });
-var nX = ox.create({
+var uX = ox.create({
 	name: "superscript",
 	addOptions() {
 		return { HTMLAttributes: {} };
@@ -41529,7 +41596,7 @@ var nX = ox.create({
 	addKeyboardShortcuts() {
 		return { "Mod-.": () => this.editor.commands.toggleSuperscript() };
 	}
-}), rX = ox.create({
+}), dX = ox.create({
 	name: "subscript",
 	addOptions() {
 		return { HTMLAttributes: {} };
@@ -41559,7 +41626,7 @@ var nX = ox.create({
 	addKeyboardShortcuts() {
 		return { "Mod-,": () => this.editor.commands.toggleSubscript() };
 	}
-}), iX = mx.create({
+}), fX = mx.create({
 	name: "textAlign",
 	addOptions() {
 		return {
@@ -41601,7 +41668,7 @@ var nX = ox.create({
 			"Mod-Shift-j": () => this.editor.commands.setTextAlign("justify")
 		};
 	}
-}), aX = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/, oX = Wx.create({
+}), pX = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/, mX = Wx.create({
 	name: "image",
 	addOptions() {
 		return {
@@ -41644,34 +41711,55 @@ var nX = ox.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 = Jy(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 Nx({
-				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 Nx({
+				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 = Yy(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: {
@@ -41680,10 +41768,10 @@ var nX = ox.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() {
@@ -41694,7 +41782,7 @@ var nX = ox.create({
 	},
 	addInputRules() {
 		return [Ax({
-			find: aX,
+			find: pX,
 			type: this.type,
 			getAttributes: (e) => {
 				let [, , t, n, r] = e;
@@ -41706,17 +41794,17 @@ var nX = ox.create({
 			}
 		})];
 	}
-}), sX = eX, cX = {
+}), hX = iX, gX = {
 	position: "bottom",
 	alignment: "left",
 	alwaysVisible: !1,
 	showDone: !0,
 	doneOn: "blur"
-}, lX = {
+}, _X = {
 	options: {},
 	respAreaToolbar: () => {},
 	onHandleAreaChange: () => {}
-}, uX = [
+}, vX = [
 	"bold",
 	"italic",
 	"underline",
@@ -41738,7 +41826,7 @@ var nX = ox.create({
 	"h3",
 	"undo",
 	"redo"
-], dX = {
+], yX = {
 	"--white": "#fff",
 	"--black": "#2e2b29",
 	"--black-contrast": "#110f0e",
@@ -41757,14 +41845,18 @@ var nX = ox.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)"
-}, fX = (e) => {
+}, bX = (e) => ({
+	spellcheck: e ? "true" : "false",
+	autocorrect: e ? "on" : "off",
+	autocapitalize: e ? "on" : "off"
+}), xX = (e) => {
 	let { showParagraphs: t, separateParagraphs: n } = e.pluginProps || {}, [r, i] = Ct([]), [a, o] = Ct(!1), { toolbarOpts: s } = e, c = gt((e) => {
 		i((t) => {
 			let n = t.filter((t) => t.pos !== e);
 			return n.length === 0 && o(!1), n;
 		});
 	}, [i]), l = {
-		...cX,
+		...gX,
 		...s
 	}, u = gt((t) => {
 		let n = t.getHTML();
@@ -41775,13 +41867,13 @@ var nX = ox.create({
 		e.onDone,
 		l.doneOn
 	]), d = bt(() => ({
-		...lX,
+		..._X,
 		...e.responseAreaProps,
 		onInlineDropdownToolbarClose: u
 	}), [e.responseAreaProps, u]), f = bt(() => {
 		let { customPlugins: t, ...n } = e.pluginProps || {};
 		t ||= [];
-		let r = (e.activePlugins || uX)?.filter((e) => {
+		let r = (e.activePlugins || vX)?.filter((e) => {
 			let t = dc[e] || e, r = n[t] || {};
 			return !r || !r.disabled;
 		});
@@ -41799,103 +41891,112 @@ var nX = ox.create({
 			setKeypadInteraction: {},
 			media: {}
 		});
-	}, [e, d.type]), p = Xk({
-		extensions: [
-			iX.configure({
-				types: [
-					"heading",
-					"paragraph",
-					"div",
-					"headingParagraph",
-					"h1",
-					"h2",
-					"h3",
-					"h4",
-					"h5",
-					"h6",
-					"td",
-					"th"
-				],
-				alignments: [
-					"left",
-					"right",
-					"center",
-					"justify"
-				]
-			}),
-			zY,
-			BY.configure({ limit: e.charactersLimit || 1e6 }),
-			kY.configure({ trailingNode: {
+	}, [e, d.type]), p = [
+		fX.configure({
+			types: [
+				"heading",
+				"paragraph",
+				"div",
+				"headingParagraph",
+				"h1",
+				"h2",
+				"h3",
+				"h4",
+				"h5",
+				"h6",
+				"td",
+				"th"
+			],
+			alignments: [
+				"left",
+				"right",
+				"center",
+				"justify"
+			]
+		}),
+		zY,
+		BY.configure({ limit: e.charactersLimit || 1e6 }),
+		kY.configure({
+			trailingNode: {
 				node: "paragraph",
 				notAfter: ["paragraph", "div"]
-			} }),
-			NB,
-			SO,
-			PB,
-			CO,
-			wO,
-			sX.configure({
-				placeholder: e.placeholder,
-				showOnlyWhenEditable: !0,
-				showOnlyCurrent: !1,
-				includeChildren: !0
-			}),
-			vO,
-			nO,
-			xO,
-			bO,
-			_R.configure(d),
-			vR.configure(d),
-			bR.configure(d),
-			xR.configure(d),
-			yR.configure(d),
-			iz.configure({
-				toolbarOpts: l,
-				math: e.pluginProps?.math || {}
-			}),
-			rX,
-			nX,
-			oX,
-			Tz.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 = st(() => {
-								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
-			}),
-			Kz.configure({ uploadSoundSupport: e.uploadSoundSupport }),
-			Qz.configure({ extraCSSRules: e.extraCSSRules })
-		],
+			},
+			link: {
+				autolink: !1,
+				linkOnPaste: !1
+			}
+		}),
+		NB,
+		SO,
+		PB,
+		CO,
+		wO,
+		hX.configure({
+			placeholder: e.placeholder,
+			showOnlyWhenEditable: !0,
+			showOnlyCurrent: !1,
+			includeChildren: !0
+		}),
+		vO,
+		nO,
+		xO,
+		bO,
+		_R.configure(d),
+		vR.configure(d),
+		bR.configure(d),
+		xR.configure(d),
+		yR.configure(d),
+		iz.configure({
+			toolbarOpts: l,
+			math: e.pluginProps?.math || {}
+		}),
+		dX,
+		uX,
+		mX,
+		Tz.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 = st(() => {
+							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
+		}),
+		Kz.configure({ uploadSoundSupport: e.uploadSoundSupport }),
+		Qz.configure({ extraCSSRules: e.extraCSSRules })
+	], m = e.spellCheck !== !1, h = Xk({
+		extensions: p,
 		immediatelyRender: !1,
-		editorProps: { handleKeyDown(t, n) {
-			return e.onKeyDown ? e.onKeyDown(n) : !1;
-		} },
+		editorProps: {
+			attributes: bX(m),
+			handleKeyDown(t, n) {
+				return e.onKeyDown ? e.onKeyDown(n) : !1;
+			}
+		},
 		editable: !e.disabled,
 		content: gc(e.markup),
 		onUpdate: ({ editor: t, transaction: n }) => {
@@ -41906,22 +42007,29 @@ var nX = ox.create({
 		}
 	}, [e.charactersLimit]);
 	P(() => {
-		e.editorRef && e.editorRef(p);
-	}, [e.editorRef, p]), P(() => {
-		p?.setEditable(!e.disabled);
-	}, [e.disabled, p]), P(() => {
-		if (!p) return;
+		e.editorRef && e.editorRef(h);
+	}, [e.editorRef, h]), P(() => {
+		h?.setEditable(!e.disabled);
+	}, [e.disabled, h]), P(() => {
+		if (!h) return;
+		let e = h.options?.editorProps, t = bX(m);
+		e?.attributes?.spellcheck !== t.spellcheck && h.setOptions({ editorProps: {
+			...e,
+			attributes: t
+		} });
+	}, [m, h]), P(() => {
+		if (!h) return;
 		let t = gc(e.markup);
-		t !== p.getHTML() && p.commands.setContent(t, { emitUpdate: !1 });
-	}, [e.markup, p]), P(() => {
-		Object.entries(dX).forEach(([e, t]) => {
+		t !== h.getHTML() && h.commands.setContent(t, { emitUpdate: !1 });
+	}, [e.markup, h]), P(() => {
+		Object.entries(yX).forEach(([e, t]) => {
 			document.documentElement.style.setProperty(e, t);
 		});
 	}, []);
-	let m = Kk({
-		editor: p,
+	let g = Kk({
+		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: FB(n),
@@ -41936,20 +42044,20 @@ var nX = ox.create({
 		...e,
 		activePlugins: f,
 		toolbarOpts: l,
-		editorState: m,
-		editor: p,
-		children: p && /* @__PURE__ */ F(pX, {
+		editorState: g,
+		editor: h,
+		children: h && /* @__PURE__ */ F(SX, {
 			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
 		})
 	});
-}, pX = k(Uk, { shouldForwardProp: (e) => !["showParagraph", "separateParagraph"].includes(e) })(({ showParagraph: e, separateParagraph: t }) => ({
+}, SX = k(Uk, { shouldForwardProp: (e) => !["showParagraph", "separateParagraph"].includes(e) })(({ showParagraph: e, separateParagraph: t }) => ({
 	display: "flex",
 	outline: "none !important",
 	"& .ProseMirror": {
@@ -41977,26 +42085,26 @@ var nX = ox.create({
 		} },
 		...t && { "& > p:has(+ p)": { marginBottom: "1em" } }
 	}
-})), mX = fX;
+})), CX = xX;
 //#endregion
 //#region ../../lib-react/config-ui/dist/feedback-config/feedback-selector.js
-function hX(e) {
+function wX(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function gX(e, t) {
-	return !e || hX(e) ? e : hX(e.default) ? e.default : t && hX(e[t]) ? e[t] : t && hX(e[t]?.default) ? e[t].default : e;
+function TX(e, t) {
+	return !e || wX(e) ? e : wX(e.default) ? e.default : t && wX(e[t]) ? e[t] : t && wX(e[t]?.default) ? e[t].default : e;
 }
-var _X = gX(Ae, "InputContainer") || gX(bX.InputContainer, "InputContainer"), vX = pe, yX = vX.default, bX = yX && typeof yX == "object" ? yX : vX, xX = k(mX)(({ theme: e }) => ({ fontFamily: e.typography.fontFamily })), SX = {
+var EX = TX(Ae, "InputContainer") || TX(kX.InputContainer, "InputContainer"), DX = pe, OX = DX.default, kX = OX && typeof OX == "object" ? OX : DX, AX = k(CX)(({ theme: e }) => ({ fontFamily: e.typography.fontFamily })), jX = {
 	default: "Simple Feedback",
 	none: "No Feedback",
 	custom: "Customized Feedback"
-}, CX = k("div")(({ theme: e }) => ({ marginBottom: e.spacing(1) })), wX = k(_X)(() => ({ paddingBottom: 0 })), TX = k("div")(({ theme: e }) => ({
+}, MX = k("div")(({ theme: e }) => ({ marginBottom: e.spacing(1) })), NX = k(EX)(() => ({ paddingBottom: 0 })), PX = k("div")(({ theme: e }) => ({
 	marginTop: "0px",
 	background: O.backgroundDark(),
 	padding: 0,
 	marginBottom: e.spacing(2),
 	borderRadius: "4px"
-})), EX = k("div")(({ theme: e }) => ({
+})), FX = k("div")(({ theme: e }) => ({
 	marginTop: "0px",
 	background: O.backgroundDark(),
 	padding: e.spacing(2),
@@ -42004,7 +42112,7 @@ var _X = gX(Ae, "InputContainer") || gX(bX.InputContainer, "InputContainer"), vX
 	borderRadius: "4px",
 	fontFamily: e.typography.fontFamily,
 	cursor: "default"
-})), DX = k(sc)(({ theme: e }) => ({ paddingTop: e.spacing(1) })), OX = {
+})), IX = k(sc)(({ theme: e }) => ({ paddingTop: e.spacing(1) })), LX = {
 	type: L.default.oneOf([
 		"default",
 		"custom",
@@ -42012,11 +42120,11 @@ var _X = gX(Ae, "InputContainer") || gX(bX.InputContainer, "InputContainer"), vX
 	]),
 	default: L.default.string,
 	custom: L.default.string
-}, kX = class extends N.Component {
+}, RX = class extends N.Component {
 	static propTypes = {
 		keys: L.default.arrayOf(L.default.string),
 		label: L.default.string.isRequired,
-		feedback: L.default.shape(OX).isRequired,
+		feedback: L.default.shape(LX).isRequired,
 		onChange: L.default.func.isRequired,
 		toolbarOpts: L.default.object,
 		mathMlOptions: L.default.object
@@ -42038,36 +42146,36 @@ var _X = gX(Ae, "InputContainer") || gX(bX.InputContainer, "InputContainer"), vX
 	};
 	render() {
 		let { keys: e, label: t, feedback: n, toolbarOpts: r, mathMlOptions: i = {} } = this.props;
-		return /* @__PURE__ */ I(CX, { children: [
-			/* @__PURE__ */ F(wX, {
+		return /* @__PURE__ */ I(MX, { children: [
+			/* @__PURE__ */ F(NX, {
 				label: t,
 				extraClasses: { label: { transform: "translateY(-20%)" } },
-				children: /* @__PURE__ */ F(DX, {
-					keys: e || Object.keys(SX),
+				children: /* @__PURE__ */ F(IX, {
+					keys: e || Object.keys(jX),
 					label: t,
 					value: n.type,
 					onChange: this.changeType,
-					feedbackLabels: SX
+					feedbackLabels: jX
 				})
 			}),
-			n.type === "custom" && /* @__PURE__ */ F(TX, { children: /* @__PURE__ */ F(xX, {
+			n.type === "custom" && /* @__PURE__ */ F(PX, { children: /* @__PURE__ */ F(AX, {
 				onChange: this.changeCustom,
 				markup: n.custom || "",
 				toolbarOpts: r,
 				languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 				mathMlOptions: i
 			}) }),
-			n.type === "default" && /* @__PURE__ */ I(EX, { children: [" ", n.default] })
+			n.type === "default" && /* @__PURE__ */ I(FX, { children: [" ", n.default] })
 		] });
 	}
-}, AX = E(/*#__PURE__*/ F("path", { d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z" }), "ExpandMore"), jX = k("div")(() => ({
+}, zX = E(/*#__PURE__*/ F("path", { d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z" }), "ExpandMore"), BX = k("div")(() => ({
 	display: "flex",
 	flex: 1,
 	flexDirection: "column"
-})), MX = k(Wt)(() => ({
+})), VX = k(Wt)(() => ({
 	paddingTop: 0,
 	paddingBottom: 0
-})), NX = (e) => rt({}, {
+})), HX = (e) => rt({}, {
 	correct: {
 		type: "default",
 		default: "Correct"
@@ -42080,21 +42188,21 @@ var _X = gX(Ae, "InputContainer") || gX(bX.InputContainer, "InputContainer"), vX
 		type: "default",
 		default: "Nearly"
 	}
-}, e), PX = class extends N.Component {
+}, e), UX = class extends N.Component {
 	static propTypes = {
 		allowPartial: L.default.bool,
 		className: L.default.string,
 		feedback: L.default.shape({
-			correct: L.default.shape(OX),
-			incorrect: L.default.shape(OX),
-			partial: L.default.shape(OX)
+			correct: L.default.shape(LX),
+			incorrect: L.default.shape(LX),
+			partial: L.default.shape(LX)
 		}),
 		onChange: L.default.func.isRequired,
 		toolbarOpts: L.default.object
 	};
 	static defaultProps = {
 		allowPartial: !0,
-		feedback: NX()
+		feedback: HX()
 	};
 	onChange(e, t) {
 		let { feedback: n, onChange: r } = this.props;
@@ -42116,22 +42224,22 @@ var _X = gX(Ae, "InputContainer") || gX(bX.InputContainer, "InputContainer"), vX
 					exit: 195
 				} } },
 				children: [/* @__PURE__ */ F(Zt, {
-					expandIcon: /* @__PURE__ */ F(AX, {}),
+					expandIcon: /* @__PURE__ */ F(zX, {}),
 					children: /* @__PURE__ */ F(Ve, { children: "Feedback" })
-				}), /* @__PURE__ */ F(MX, { children: /* @__PURE__ */ I(jX, { children: [
-					/* @__PURE__ */ F(kX, {
+				}), /* @__PURE__ */ F(VX, { children: /* @__PURE__ */ I(BX, { children: [
+					/* @__PURE__ */ F(RX, {
 						label: "If correct, show",
 						feedback: n.correct,
 						onChange: this.onCorrectChange,
 						toolbarOpts: r
 					}),
-					t && /* @__PURE__ */ F(kX, {
+					t && /* @__PURE__ */ F(RX, {
 						label: "If partially correct, show",
 						feedback: n.partial,
 						onChange: this.onPartialChange,
 						toolbarOpts: r
 					}),
-					/* @__PURE__ */ F(kX, {
+					/* @__PURE__ */ F(RX, {
 						label: "If incorrect, show",
 						feedback: n.incorrect,
 						onChange: this.onIncorrectChange,
@@ -42141,7 +42249,7 @@ var _X = gX(Ae, "InputContainer") || gX(bX.InputContainer, "InputContainer"), vX
 			})
 		});
 	}
-}, FX = k(Ss)(() => ({})), IX = class extends N.Component {
+}, WX = k(Ss)(() => ({})), GX = class extends N.Component {
 	static propTypes = {
 		className: L.default.string,
 		contentClassName: L.default.string,
@@ -42162,7 +42270,7 @@ var _X = gX(Ae, "InputContainer") || gX(bX.InputContainer, "InputContainer"), vX
 				indicatorColor: "primary",
 				value: e,
 				onChange: this.handleChange,
-				children: N.Children.map(t, (e, t) => e && e.props.title ? /* @__PURE__ */ F(FX, { label: e.props.title }, t) : null)
+				children: N.Children.map(t, (e, t) => e && e.props.title ? /* @__PURE__ */ F(WX, { label: e.props.title }, t) : null)
 			}), /* @__PURE__ */ F("div", {
 				className: r,
 				style: i,
@@ -42170,7 +42278,7 @@ var _X = gX(Ae, "InputContainer") || gX(bX.InputContainer, "InputContainer"), vX
 			})]
 		});
 	}
-}, LX = k(ma)(({ theme: e, mini: t }) => ({
+}, KX = k(ma)(({ theme: e, mini: t }) => ({
 	margin: 0,
 	marginLeft: 0,
 	padding: 0,
@@ -42184,7 +42292,7 @@ var _X = gX(Ae, "InputContainer") || gX(bX.InputContainer, "InputContainer"), vX
 			fontSize: e.typography.fontSize - 3
 		}
 	}
-})), RX = k(Me)(({ theme: e, mini: t, error: n }) => ({
+})), qX = k(Me)(({ theme: e, mini: t, error: n }) => ({
 	color: `${O.tertiary()} !important`,
 	...t && {
 		margin: 0,
@@ -42193,9 +42301,9 @@ var _X = gX(Ae, "InputContainer") || gX(bX.InputContainer, "InputContainer"), vX
 		height: e.spacing(3)
 	},
 	...n && { color: `${e.palette.error.main} !important` }
-})), zX = ({ mini: e, checked: t, onChange: n, value: r, label: i, error: a }) => /* @__PURE__ */ F(LX, {
+})), JX = ({ mini: e, checked: t, onChange: n, value: r, label: i, error: a }) => /* @__PURE__ */ F(KX, {
 	mini: e,
-	control: /* @__PURE__ */ F(RX, {
+	control: /* @__PURE__ */ F(qX, {
 		checked: t,
 		onChange: n,
 		value: r,
@@ -42204,21 +42312,21 @@ var _X = gX(Ae, "InputContainer") || gX(bX.InputContainer, "InputContainer"), vX
 	}),
 	label: i
 });
-zX.propTypes = {
+JX.propTypes = {
 	mini: L.default.bool,
 	checked: L.default.bool.isRequired,
 	onChange: L.default.func.isRequired,
 	value: L.default.string,
 	label: L.default.string.isRequired,
 	error: L.default.bool
-}, zX.defaultProps = {
+}, JX.defaultProps = {
 	value: "",
 	mini: !1,
 	error: !1
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/number-text-field.js
-var BX = (0, cc.default)("@pie-lib:config-ui:number-text-field"), VX = k(Zs)(({ theme: e }) => ({
+var YX = (0, cc.default)("@pie-lib:config-ui:number-text-field"), XX = k(Zs)(({ theme: e }) => ({
 	marginRight: e.spacing(1),
 	"& .MuiInputLabel-root": {
 		width: "auto",
@@ -42240,11 +42348,11 @@ var BX = (0, cc.default)("@pie-lib:config-ui:number-text-field"), VX = k(Zs)(({
 		minHeight: "auto",
 		padding: "6px 0 7px"
 	}
-})), HX = (e, t) => {
+})), ZX = (e, t) => {
 	if (!tt(e) && !tt(t)) return 0;
 	if (!tt(e) && tt(t)) return t;
 	if (tt(e)) return e;
-}, UX = class extends N.Component {
+}, QX = class extends N.Component {
 	static propTypes = {
 		disabled: L.default.bool,
 		className: L.default.string,
@@ -42270,13 +42378,13 @@ var BX = (0, cc.default)("@pie-lib:config-ui:number-text-field"), VX = k(Zs)(({
 		this.setState({ value: t });
 	}
 	clamp(e, t = this.props.min, n = this.props.max) {
-		return tt(e) ? (tt(n) && (e = Math.min(e, n)), tt(t) && (e = Math.max(e, t)), e) : HX(t, n);
+		return tt(e) ? (tt(n) && (e = Math.min(e, n)), tt(t) && (e = Math.max(e, t)), e) : ZX(t, n);
 	}
 	onBlur = (e) => {
 		let t = e.target.value, n = parseFloat(t);
-		BX("rawNumber: ", n);
+		YX("rawNumber: ", n);
 		let r = this.clamp(n);
-		BX("number: ", r), r !== this.state.value && (BX("trigger update..."), this.setState({ value: r.toString() }, () => {
+		YX("number: ", r), r !== this.state.value && (YX("trigger update..."), this.setState({ value: r.toString() }, () => {
 			this.props.onChange(e, r);
 		}));
 	};
@@ -42296,7 +42404,7 @@ var BX = (0, cc.default)("@pie-lib:config-ui:number-text-field"), VX = k(Zs)(({
 	};
 	render() {
 		let { className: e, label: t, disabled: n, suffix: r, min: i, max: a, inputClassName: o, disableUnderline: s, showErrorWhenOutsideRange: c, variant: l } = this.props, u = c && this.getError();
-		return /* @__PURE__ */ F(VX, {
+		return /* @__PURE__ */ F(XX, {
 			variant: s ? "filled" : l || "standard",
 			inputRef: (e) => {
 				this.inputRef = e;
@@ -42328,22 +42436,22 @@ var BX = (0, cc.default)("@pie-lib:config-ui:number-text-field"), VX = k(Zs)(({
 			margin: "normal"
 		});
 	}
-}, WX = E(/*#__PURE__*/ F("path", { d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z" }), "Add");
+}, $X = E(/*#__PURE__*/ F("path", { d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z" }), "Add");
 //#endregion
 //#region ../../lib-react/config-ui/dist/two-choice.js
-function GX(e) {
+function eZ(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function KX(e, t) {
-	return !e || GX(e) ? e : GX(e.default) ? e.default : t && GX(e[t]) ? e[t] : t && GX(e[t]?.default) ? e[t].default : e;
+function tZ(e, t) {
+	return !e || eZ(e) ? e : eZ(e.default) ? e.default : t && eZ(e[t]) ? e[t] : t && eZ(e[t]?.default) ? e[t].default : e;
 }
-var qX = KX(Ae, "InputContainer") || KX(XX.InputContainer, "InputContainer"), JX = pe, YX = JX.default, XX = YX && typeof YX == "object" ? YX : JX, ZX = k("div")(({ theme: e, direction: t }) => ({
+var nZ = tZ(Ae, "InputContainer") || tZ(aZ.InputContainer, "InputContainer"), rZ = pe, iZ = rZ.default, aZ = iZ && typeof iZ == "object" ? iZ : rZ, oZ = k("div")(({ theme: e, direction: t }) => ({
 	display: "flex",
 	flexWrap: "wrap",
 	paddingLeft: 0,
 	marginTop: e.spacing(1),
 	...t === "vertical" && { flexDirection: "column" }
-})), QX = class extends N.Component {
+})), sZ = class extends N.Component {
 	static propTypes = {
 		header: L.default.string.isRequired,
 		className: L.default.string,
@@ -42361,10 +42469,10 @@ var qX = KX(Ae, "InputContainer") || KX(XX.InputContainer, "InputContainer"), JX
 			label: e,
 			value: e
 		} : e), s = n || rc;
-		return /* @__PURE__ */ F(qX, {
+		return /* @__PURE__ */ F(nZ, {
 			label: e,
 			className: t,
-			children: /* @__PURE__ */ F(ZX, {
+			children: /* @__PURE__ */ F(oZ, {
 				direction: a,
 				children: o.map((e, t) => /* @__PURE__ */ F(s, {
 					value: e.value,
@@ -42375,7 +42483,7 @@ var qX = KX(Ae, "InputContainer") || KX(XX.InputContainer, "InputContainer"), JX
 			})
 		});
 	}
-}, $X = L.default.shape({
+}, cZ = L.default.shape({
 	label: L.default.string,
 	value: L.default.string
 });
@@ -42384,14 +42492,14 @@ var qX = KX(Ae, "InputContainer") || KX(XX.InputContainer, "InputContainer"), JX
 		header: L.default.string.isRequired,
 		value: L.default.string.isRequired,
 		onChange: L.default.func.isRequired,
-		one: L.default.oneOfType([$X, L.default.string]),
-		two: L.default.oneOfType([$X, L.default.string]),
+		one: L.default.oneOfType([cZ, L.default.string]),
+		two: L.default.oneOfType([cZ, L.default.string]),
 		className: L.default.string,
 		customLabel: L.default.func
 	};
 	render() {
 		let { one: e, two: t, header: n, className: r, customLabel: i, value: a, onChange: o } = this.props;
-		return /* @__PURE__ */ F(QX, {
+		return /* @__PURE__ */ F(sZ, {
 			customLabel: i,
 			header: n,
 			className: r,
@@ -42403,21 +42511,21 @@ var qX = KX(Ae, "InputContainer") || KX(XX.InputContainer, "InputContainer"), JX
 });
 //#endregion
 //#region ../../lib-react/config-ui/dist/_virtual/_rolldown/runtime.js
-var eZ = Object.defineProperty, tZ = (e, t) => {
+var lZ = Object.defineProperty, uZ = (e, t) => {
 	let n = {};
-	for (var r in e) eZ(n, r, {
+	for (var r in e) lZ(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || eZ(n, Symbol.toStringTag, { value: "Module" }), n;
-}, nZ = k("div")(() => ({
+	return t || lZ(n, Symbol.toStringTag, { value: "Module" }), n;
+}, dZ = k("div")(() => ({
 	display: "flex",
 	flexDirection: "column",
 	position: "relative"
-})), rZ = k("div")(() => ({
+})), fZ = k("div")(() => ({
 	display: "flex",
 	justifyContent: "space-between"
-})), iZ = k("div")(({ theme: e }) => ({ padding: `${e.spacing(2)} 0` })), aZ = k("div")(() => ({ flex: "1" })), oZ = k("div")(({ theme: e }) => ({ marginLeft: e.spacing(2) })), sZ = class extends N.Component {
+})), pZ = k("div")(({ theme: e }) => ({ padding: `${e.spacing(2)} 0` })), mZ = k("div")(() => ({ flex: "1" })), hZ = k("div")(({ theme: e }) => ({ marginLeft: e.spacing(2) })), gZ = class extends N.Component {
 	static propTypes = {
 		mode: L.default.oneOf(["tabbed", "inline"]),
 		secondary: L.default.oneOfType([L.default.arrayOf(L.default.node), L.default.node]),
@@ -42435,7 +42543,7 @@ var eZ = Object.defineProperty, tZ = (e, t) => {
 		} catch (e) {
 			console.log(e.toString());
 		}
-		return /* @__PURE__ */ I(nZ, {
+		return /* @__PURE__ */ I(dZ, {
 			style: {
 				minHeight: i,
 				minWidth: a,
@@ -42443,28 +42551,28 @@ var eZ = Object.defineProperty, tZ = (e, t) => {
 				maxWidth: s
 			},
 			children: [
-				e === "inline" && /* @__PURE__ */ I(rZ, { children: [/* @__PURE__ */ F(aZ, {
+				e === "inline" && /* @__PURE__ */ I(fZ, { children: [/* @__PURE__ */ F(mZ, {
 					className: "design-container",
 					children: n
-				}), l && /* @__PURE__ */ F(oZ, {
+				}), l && /* @__PURE__ */ F(hZ, {
 					className: "settings-container",
 					children: t
 				})] }),
-				e === "tabbed" && l && /* @__PURE__ */ I(IX, {
+				e === "tabbed" && l && /* @__PURE__ */ I(GX, {
 					onChange: this.onTabsChange,
 					contentClassName: "content-container",
 					indicatorColor: "primary",
-					children: [/* @__PURE__ */ F(iZ, {
+					children: [/* @__PURE__ */ F(pZ, {
 						title: "Design",
 						className: "design-container",
 						children: n
-					}), /* @__PURE__ */ F(iZ, {
+					}), /* @__PURE__ */ F(pZ, {
 						title: "Settings",
 						className: "settings-container",
 						children: t
 					})]
 				}),
-				e === "tabbed" && !l && /* @__PURE__ */ F(iZ, {
+				e === "tabbed" && !l && /* @__PURE__ */ F(pZ, {
 					className: "design-container",
 					children: n
 				})
@@ -42474,18 +42582,18 @@ var eZ = Object.defineProperty, tZ = (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 cZ() {
-	return cZ = Object.assign ? Object.assign.bind() : function(e) {
+function _Z() {
+	return _Z = 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;
-	}, cZ.apply(null, arguments);
+	}, _Z.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 lZ(e, t) {
+function vZ(e, t) {
 	if (e == null) return {};
 	var n = {};
 	for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
@@ -42496,19 +42604,19 @@ function lZ(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 uZ(e, t) {
-	return uZ = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+function yZ(e, t) {
+	return yZ = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
 		return e.__proto__ = t, e;
-	}, uZ(e, t);
+	}, yZ(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 dZ(e, t) {
-	e.prototype = Object.create(t.prototype), e.prototype.constructor = e, uZ(e, t);
+function bZ(e, t) {
+	e.prototype = Object.create(t.prototype), e.prototype.constructor = e, yZ(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 fZ = (function() {
+var xZ = (function() {
 	if (typeof Map < "u") return Map;
 	function e(e, t) {
 		var n = -1;
@@ -42547,34 +42655,34 @@ var fZ = (function() {
 			}
 		}, t;
 	}();
-})(), pZ = typeof window < "u" && typeof document < "u" && window.document === document, mZ = (function() {
+})(), SZ = typeof window < "u" && typeof document < "u" && window.document === document, CZ = (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")();
-})(), hZ = (function() {
-	return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(mZ) : function(e) {
+})(), wZ = (function() {
+	return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(CZ) : function(e) {
 		return setTimeout(function() {
 			return e(Date.now());
 		}, 1e3 / 60);
 	};
-})(), gZ = 2;
-function _Z(e, t) {
+})(), TZ = 2;
+function EZ(e, t) {
 	var n = !1, r = !1, i = 0;
 	function a() {
 		n && (n = !1, e()), r && s();
 	}
 	function o() {
-		hZ(a);
+		wZ(a);
 	}
 	function s() {
 		var e = Date.now();
 		if (n) {
-			if (e - i < gZ) return;
+			if (e - i < TZ) return;
 			r = !0;
 		} else n = !0, r = !1, setTimeout(o, t);
 		i = e;
 	}
 	return s;
 }
-var vZ = 20, yZ = [
+var DZ = 20, OZ = [
 	"top",
 	"right",
 	"bottom",
@@ -42583,9 +42691,9 @@ var vZ = 20, yZ = [
 	"height",
 	"size",
 	"weight"
-], bZ = typeof MutationObserver < "u", xZ = function() {
+], kZ = typeof MutationObserver < "u", AZ = function() {
 	function e() {
-		this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = _Z(this.refresh.bind(this), vZ);
+		this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = EZ(this.refresh.bind(this), DZ);
 	}
 	return e.prototype.addObserver = function(e) {
 		~this.observers_.indexOf(e) || this.observers_.push(e), this.connected_ || this.connect_();
@@ -42602,23 +42710,23 @@ var vZ = 20, yZ = [
 			return e.broadcastActive();
 		}), e.length > 0;
 	}, e.prototype.connect_ = function() {
-		!pZ || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), bZ ? (this.mutationsObserver_ = new MutationObserver(this.refresh), this.mutationsObserver_.observe(document, {
+		!SZ || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), kZ ? (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() {
-		!pZ || !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);
+		!SZ || !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;
-		yZ.some(function(e) {
+		OZ.some(function(e) {
 			return !!~n.indexOf(e);
 		}) && this.refresh();
 	}, e.getInstance = function() {
 		return this.instance_ ||= new e(), this.instance_;
 	}, e.instance_ = null, e;
-}(), SZ = (function(e, t) {
+}(), jZ = (function(e, t) {
 	for (var n = 0, r = Object.keys(t); n < r.length; n++) {
 		var i = r[n];
 		Object.defineProperty(e, i, {
@@ -42629,19 +42737,19 @@ var vZ = 20, yZ = [
 		});
 	}
 	return e;
-}), CZ = (function(e) {
-	return e && e.ownerDocument && e.ownerDocument.defaultView || mZ;
-}), wZ = PZ(0, 0, 0, 0);
-function TZ(e) {
+}), MZ = (function(e) {
+	return e && e.ownerDocument && e.ownerDocument.defaultView || CZ;
+}), NZ = UZ(0, 0, 0, 0);
+function PZ(e) {
 	return parseFloat(e) || 0;
 }
-function EZ(e) {
+function FZ(e) {
 	return [...arguments].slice(1).reduce(function(t, n) {
 		var r = e["border-" + n + "-width"];
-		return t + TZ(r);
+		return t + PZ(r);
 	}, 0);
 }
-function DZ(e) {
+function IZ(e) {
 	for (var t = [
 		"top",
 		"right",
@@ -42649,40 +42757,40 @@ function DZ(e) {
 		"left"
 	], n = {}, r = 0, i = t; r < i.length; r++) {
 		var a = i[r], o = e["padding-" + a];
-		n[a] = TZ(o);
+		n[a] = PZ(o);
 	}
 	return n;
 }
-function OZ(e) {
+function LZ(e) {
 	var t = e.getBBox();
-	return PZ(0, 0, t.width, t.height);
+	return UZ(0, 0, t.width, t.height);
 }
-function kZ(e) {
+function RZ(e) {
 	var t = e.clientWidth, n = e.clientHeight;
-	if (!t && !n) return wZ;
-	var r = CZ(e).getComputedStyle(e), i = DZ(r), a = i.left + i.right, o = i.top + i.bottom, s = TZ(r.width), c = TZ(r.height);
-	if (r.boxSizing === "border-box" && (Math.round(s + a) !== t && (s -= EZ(r, "left", "right") + a), Math.round(c + o) !== n && (c -= EZ(r, "top", "bottom") + o)), !jZ(e)) {
+	if (!t && !n) return NZ;
+	var r = MZ(e).getComputedStyle(e), i = IZ(r), a = i.left + i.right, o = i.top + i.bottom, s = PZ(r.width), c = PZ(r.height);
+	if (r.boxSizing === "border-box" && (Math.round(s + a) !== t && (s -= FZ(r, "left", "right") + a), Math.round(c + o) !== n && (c -= FZ(r, "top", "bottom") + o)), !BZ(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 PZ(i.left, i.top, s, c);
+	return UZ(i.left, i.top, s, c);
 }
-var AZ = (function() {
+var zZ = (function() {
 	return typeof SVGGraphicsElement < "u" ? function(e) {
-		return e instanceof CZ(e).SVGGraphicsElement;
+		return e instanceof MZ(e).SVGGraphicsElement;
 	} : function(e) {
-		return e instanceof CZ(e).SVGElement && typeof e.getBBox == "function";
+		return e instanceof MZ(e).SVGElement && typeof e.getBBox == "function";
 	};
 })();
-function jZ(e) {
-	return e === CZ(e).document.documentElement;
+function BZ(e) {
+	return e === MZ(e).document.documentElement;
 }
-function MZ(e) {
-	return pZ ? AZ(e) ? OZ(e) : kZ(e) : wZ;
+function VZ(e) {
+	return SZ ? zZ(e) ? LZ(e) : RZ(e) : NZ;
 }
-function NZ(e) {
+function HZ(e) {
 	var t = e.x, n = e.y, r = e.width, i = e.height, a = Object.create((typeof DOMRectReadOnly < "u" ? DOMRectReadOnly : Object).prototype);
-	return SZ(a, {
+	return jZ(a, {
 		x: t,
 		y: n,
 		width: r,
@@ -42693,7 +42801,7 @@ function NZ(e) {
 		left: t
 	}), a;
 }
-function PZ(e, t, n, r) {
+function UZ(e, t, n, r) {
 	return {
 		x: e,
 		y: t,
@@ -42701,42 +42809,42 @@ function PZ(e, t, n, r) {
 		height: r
 	};
 }
-var FZ = function() {
+var WZ = function() {
 	function e(e) {
-		this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = PZ(0, 0, 0, 0), this.target = e;
+		this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = UZ(0, 0, 0, 0), this.target = e;
 	}
 	return e.prototype.isActive = function() {
-		var e = MZ(this.target);
+		var e = VZ(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;
-}(), IZ = function() {
+}(), GZ = function() {
 	function e(e, t) {
-		var n = NZ(t);
-		SZ(this, {
+		var n = HZ(t);
+		jZ(this, {
 			target: e,
 			contentRect: n
 		});
 	}
 	return e;
-}(), LZ = function() {
+}(), KZ = function() {
 	function e(e, t, n) {
-		if (this.activeObservations_ = [], this.observations_ = new fZ(), typeof e != "function") throw TypeError("The callback provided as parameter 1 is not a function.");
+		if (this.activeObservations_ = [], this.observations_ = new xZ(), 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 CZ(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
+			if (!(e instanceof MZ(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
 			var t = this.observations_;
-			t.has(e) || (t.set(e, new FZ(e)), this.controller_.addObserver(this), this.controller_.refresh());
+			t.has(e) || (t.set(e, new WZ(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 CZ(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
+			if (!(e instanceof MZ(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));
 		}
@@ -42750,7 +42858,7 @@ var FZ = function() {
 	}, e.prototype.broadcastActive = function() {
 		if (this.hasActive()) {
 			var e = this.callbackCtx_, t = this.activeObservations_.map(function(e) {
-				return new IZ(e.target, e.broadcastRect());
+				return new GZ(e.target, e.broadcastRect());
 			});
 			this.callback_.call(e, t, e), this.clearActive();
 		}
@@ -42759,12 +42867,12 @@ var FZ = function() {
 	}, e.prototype.hasActive = function() {
 		return this.activeObservations_.length > 0;
 	}, e;
-}(), RZ = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new fZ(), zZ = function() {
+}(), qZ = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new xZ(), JZ = 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 LZ(t, xZ.getInstance(), this);
-		RZ.set(this, n);
+		var n = new KZ(t, AZ.getInstance(), this);
+		qZ.set(this, n);
 	}
 	return e;
 }();
@@ -42773,27 +42881,27 @@ var FZ = function() {
 	"unobserve",
 	"disconnect"
 ].forEach(function(e) {
-	zZ.prototype[e] = function() {
+	JZ.prototype[e] = function() {
 		var t;
-		return (t = RZ.get(this))[e].apply(t, arguments);
+		return (t = qZ.get(this))[e].apply(t, arguments);
 	};
 });
-var BZ = (function() {
-	return mZ.ResizeObserver === void 0 ? zZ : mZ.ResizeObserver;
-})(), VZ = [
+var YZ = (function() {
+	return CZ.ResizeObserver === void 0 ? JZ : CZ.ResizeObserver;
+})(), XZ = [
 	"client",
 	"offset",
 	"scroll",
 	"bounds",
 	"margin"
 ];
-function HZ(e) {
+function ZZ(e) {
 	var t = [];
-	return VZ.forEach(function(n) {
+	return XZ.forEach(function(n) {
 		e[n] && t.push(n);
 	}), t;
 }
-function UZ(e, t) {
+function QZ(e, t) {
 	var n = {};
 	if (t.indexOf("client") > -1 && (n.client = {
 		top: e.clientTop,
@@ -42832,14 +42940,14 @@ function UZ(e, t) {
 	}
 	return n;
 }
-function WZ(e) {
+function $Z(e) {
 	return e && e.ownerDocument && e.ownerDocument.defaultView || window;
 }
-function GZ(e) {
+function eQ(e) {
 	return function(t) {
 		var n, r;
 		return r = n = /*#__PURE__*/ function(n) {
-			dZ(r, n);
+			bZ(r, n);
 			function r() {
 				var t, r = [...arguments];
 				return t = n.call.apply(n, [this].concat(r)) || this, t.state = { contentRect: {
@@ -42850,24 +42958,24 @@ function GZ(e) {
 					bounds: {},
 					margin: {}
 				} }, t._animationFrameID = null, t._resizeObserver = null, t._node = null, t._window = null, t.measure = function(n) {
-					var r = UZ(t._node, e || HZ(t.props));
+					var r = QZ(t._node, e || ZZ(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 = WZ(t._node);
+					t._resizeObserver !== null && t._node !== null && t._resizeObserver.unobserve(t._node), t._node = e, t._window = $Z(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 BZ(this.measure), this._node !== null && (this._resizeObserver.observe(this._node), typeof this.props.onResize == "function" && this.props.onResize(UZ(this._node, e || HZ(this.props))));
+				this._resizeObserver = this._window !== null && this._window.ResizeObserver ? new this._window.ResizeObserver(this.measure) : new YZ(this.measure), this._node !== null && (this._resizeObserver.observe(this._node), typeof this.props.onResize == "function" && this.props.onResize(QZ(this._node, e || ZZ(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, ft(t, cZ({}, lZ(e, ["innerRef", "onResize"]), {
+				return e.innerRef, e.onResize, ft(t, _Z({}, vZ(e, ["innerRef", "onResize"]), {
 					measureRef: this._handleRef,
 					measure: this.measure,
 					contentRect: this.state.contentRect
@@ -42884,7 +42992,7 @@ function GZ(e) {
 		}, r;
 	};
 }
-var KZ = GZ()(function(e) {
+var tQ = eQ()(function(e) {
 	var t = e.measure, n = e.measureRef, r = e.contentRect, i = e.children;
 	return i({
 		measure: t,
@@ -42892,10 +43000,10 @@ var KZ = GZ()(function(e) {
 		contentRect: r
 	});
 });
-KZ.displayName = "Measure", KZ.propTypes.children = L.default.func;
+tQ.displayName = "Measure", tQ.propTypes.children = L.default.func;
 //#endregion
 //#region ../../lib-react/config-ui/dist/layout/settings-box.js
-var qZ = k("div")(() => ({
+var nQ = k("div")(() => ({
 	backgroundColor: O.white(),
 	border: `2px solid ${O.border()}`,
 	display: "flex",
@@ -42905,7 +43013,7 @@ var qZ = k("div")(() => ({
 	maxWidth: "300px",
 	padding: "20px 4px 4px 20px",
 	zIndex: 99
-})), JZ = class extends N.Component {
+})), rQ = class extends N.Component {
 	static propTypes = {
 		className: L.default.string,
 		children: L.default.oneOfType([L.default.arrayOf(L.default.node), L.default.node]).isRequired
@@ -42913,19 +43021,19 @@ var qZ = k("div")(() => ({
 	static defaultProps = {};
 	render() {
 		let { className: e, children: t } = this.props;
-		return /* @__PURE__ */ F(qZ, {
+		return /* @__PURE__ */ F(nQ, {
 			className: e,
 			children: t
 		});
 	}
-}, YZ = Xe({
+}, iQ = Xe({
 	typography: { fontFamily: "inherit" },
 	components: { MuiButton: { styleOverrides: { contained: {
 		backgroundColor: "#e0e0e0",
 		color: "#000000",
 		"&:hover": { backgroundColor: "#bdbdbd" }
 	} } } }
-}), XZ = class extends N.Component {
+}), aQ = class extends N.Component {
 	static propTypes = {
 		children: L.default.oneOfType([
 			L.default.string,
@@ -42958,19 +43066,19 @@ var qZ = k("div")(() => ({
 		return /* @__PURE__ */ F(A, {
 			injectFirst: !0,
 			children: /* @__PURE__ */ F(je, {
-				theme: YZ,
-				children: /* @__PURE__ */ F(KZ, {
+				theme: iQ,
+				children: /* @__PURE__ */ F(tQ, {
 					bounds: !0,
 					onResize: this.onResize,
 					children: ({ measureRef: e }) => {
-						let { children: t, settings: n, hideSettings: r, dimensions: i, extraCSSRules: a } = this.props, { layoutMode: o } = this.state, s = r ? null : o === "inline" ? /* @__PURE__ */ F(JZ, {
+						let { children: t, settings: n, hideSettings: r, dimensions: i, extraCSSRules: a } = this.props, { layoutMode: o } = this.state, s = r ? null : o === "inline" ? /* @__PURE__ */ F(rQ, {
 							className: "settings-box",
 							children: n
 						}) : n;
 						return /* @__PURE__ */ I("div", {
 							ref: e,
 							className: "main-container extraCSSRules",
-							children: [a?.rules ? /* @__PURE__ */ F("style", { dangerouslySetInnerHTML: { __html: `.extraCSSRules { ${a.rules} }` } }) : null, /* @__PURE__ */ F(sZ, {
+							children: [a?.rules ? /* @__PURE__ */ F("style", { dangerouslySetInnerHTML: { __html: `.extraCSSRules { ${a.rules} }` } }) : null, /* @__PURE__ */ F(gZ, {
 								mode: o,
 								secondary: s,
 								dimensions: i,
@@ -42982,27 +43090,27 @@ var qZ = k("div")(() => ({
 			})
 		});
 	}
-}, ZZ = GZ("bounds")(XZ), QZ = /* @__PURE__ */ tZ({
-	ConfigLayout: () => ZZ,
-	LayoutContents: () => sZ
-}), $Z = k("div")(() => ({
+}, oQ = eQ("bounds")(aQ), sQ = /* @__PURE__ */ uZ({
+	ConfigLayout: () => oQ,
+	LayoutContents: () => gZ
+}), cQ = k("div")(() => ({
 	display: "flex",
 	width: "100%",
 	justifyContent: "space-between"
-})), eQ = k(de)(({ theme: e }) => ({
+})), lQ = k(de)(({ theme: e }) => ({
 	color: "rgba(0, 0, 0, 0.89)",
 	fontSize: e.typography.fontSize,
 	paddingTop: e.spacing(2)
-})), tQ = k(_s)(({ checked: e }) => ({
+})), uQ = k(_s)(({ 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 }
-})), nQ = ({ checked: e, disabled: t, label: n, toggle: r }) => /* @__PURE__ */ I($Z, { children: [/* @__PURE__ */ F(eQ, { children: n }), /* @__PURE__ */ F(tQ, {
+})), dQ = ({ checked: e, disabled: t, label: n, toggle: r }) => /* @__PURE__ */ I(cQ, { children: [/* @__PURE__ */ F(lQ, { children: n }), /* @__PURE__ */ F(uQ, {
 	checked: e,
 	disabled: t,
 	onChange: (e) => r(e.target.checked)
 })] });
-nQ.propTypes = {
+dQ.propTypes = {
 	checked: L.default.bool,
 	disabled: L.default.bool,
 	label: L.default.string.isRequired,
@@ -43010,20 +43118,20 @@ nQ.propTypes = {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/settings/settings-radio-label.js
-var rQ = k(ma)(({ theme: e }) => ({ "& .MuiFormControlLabel-label": {
+var fQ = k(ma)(({ theme: e }) => ({ "& .MuiFormControlLabel-label": {
 	color: "rgba(0, 0, 0, 0.89)",
 	fontSize: e.typography.fontSize - 2,
 	left: "-5px",
 	position: "relative"
-} })), iQ = k(Le)(() => ({ color: `${O.tertiary()} !important` })), aQ = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ F(rQ, {
+} })), pQ = k(Le)(() => ({ color: `${O.tertiary()} !important` })), mQ = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ F(fQ, {
 	value: t,
-	control: /* @__PURE__ */ F(iQ, {
+	control: /* @__PURE__ */ F(pQ, {
 		checked: n,
 		onChange: r
 	}),
 	label: e
 });
-aQ.propTypes = {
+mQ.propTypes = {
 	label: L.default.string,
 	value: L.default.string,
 	checked: L.default.bool,
@@ -43031,26 +43139,26 @@ aQ.propTypes = {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/settings/panel.js
-var oQ = (0, cc.default)("pie-lib:config-ui:settings:panel"), sQ = {
+var hQ = (0, cc.default)("pie-lib:config-ui:settings:panel"), gQ = {
 	label: L.default.string,
 	value: L.default.string
-}, cQ = {
+}, _Q = {
 	label: L.default.string,
 	value: L.default.string,
 	onChange: L.default.func
-}, lQ = ({ label: e, value: t, onChange: n }) => /* @__PURE__ */ F(zX, {
+}, vQ = ({ label: e, value: t, onChange: n }) => /* @__PURE__ */ F(JX, {
 	checked: t,
 	label: e,
 	onChange: (e) => {
 		n(e.target.checked);
 	}
 });
-lQ.propTypes = {
+vQ.propTypes = {
 	label: L.default.string,
 	value: L.default.bool,
 	onChange: L.default.func
 };
-var uQ = k(QX)(({ theme: e }) => ({
+var yQ = k(sZ)(({ theme: e }) => ({
 	marginTop: e.spacing(.5),
 	paddingBottom: e.spacing(.5),
 	width: "100%",
@@ -43061,29 +43169,29 @@ var uQ = k(QX)(({ theme: e }) => ({
 		marginTop: e.spacing(2.5)
 	},
 	"& > div": { marginTop: e.spacing(2.5) }
-})), dQ = ({ label: e, value: t, onChange: n, choices: r }) => /* @__PURE__ */ F(uQ, {
+})), bQ = ({ label: e, value: t, onChange: n, choices: r }) => /* @__PURE__ */ F(yQ, {
 	direction: "horizontal",
-	customLabel: aQ,
+	customLabel: mQ,
 	value: t,
 	header: e,
 	opts: r,
 	onChange: n
 });
-dQ.propTypes = {
-	...cQ,
-	choices: L.default.arrayOf(L.default.shape(sQ))
+bQ.propTypes = {
+	..._Q,
+	choices: L.default.arrayOf(L.default.shape(gQ))
 };
-var fQ = dQ, pQ = k("p")(({ theme: e }) => ({
+var xQ = bQ, SQ = k("p")(({ theme: e }) => ({
 	margin: 0,
 	fontSize: e.typography.fontSize
-})), mQ = k(Go)(({ theme: e }) => ({
+})), CQ = k(Go)(({ theme: e }) => ({
 	marginTop: e.spacing(.5),
 	border: "2px solid lightgrey",
 	padding: `0 ${e.spacing(1)}`,
 	borderRadius: "4px"
-})), hQ = ({ label: e, value: t, onChange: n, choices: r = [] }) => {
+})), wQ = ({ label: e, value: t, onChange: n, choices: r = [] }) => {
 	let i = (e) => typeof e == "string" ? e : e.label, a = (e) => typeof e == "string" ? e : e.value;
-	return /* @__PURE__ */ I("div", { children: [e && /* @__PURE__ */ F(pQ, { children: e }), /* @__PURE__ */ F(mQ, {
+	return /* @__PURE__ */ I("div", { children: [e && /* @__PURE__ */ F(SQ, { children: e }), /* @__PURE__ */ F(CQ, {
 		value: t || r && r[0],
 		onChange: ({ target: e }) => n(e.value),
 		input: /* @__PURE__ */ F(wa, { id: `dropdown-${e}` }),
@@ -43098,14 +43206,14 @@ var fQ = dQ, pQ = k("p")(({ theme: e }) => ({
 		}, t))
 	})] });
 };
-hQ.propTypes = {
-	...cQ,
+wQ.propTypes = {
+	..._Q,
 	choices: L.default.arrayOf(L.default.string)
 };
-var gQ = k(Ve)(({ theme: e }) => ({
+var TQ = k(Ve)(({ theme: e }) => ({
 	marginRight: e.spacing(3),
 	marginTop: e.spacing(1)
-})), _Q = ({ label: e }) => /* @__PURE__ */ F(gQ, { children: e }), vQ = k(UX)(({ theme: e }) => ({
+})), EQ = ({ label: e }) => /* @__PURE__ */ F(TQ, { children: e }), DQ = k(QX)(({ theme: e }) => ({
 	width: "35%",
 	marginRight: e.spacing(3),
 	marginTop: e.spacing(1),
@@ -43116,7 +43224,7 @@ var gQ = k(Ve)(({ theme: e }) => ({
 		padding: `0 ${e.spacing(1)}`,
 		backgroundColor: "transparent"
 	}
-})), yQ = ({ label: e, value: t, onChange: n = () => {}, suffix: r, min: i, max: a }) => /* @__PURE__ */ F(vQ, {
+})), OQ = ({ label: e, value: t, onChange: n = () => {}, suffix: r, min: i, max: a }) => /* @__PURE__ */ F(DQ, {
 	variant: "standard",
 	label: e || "Label",
 	value: t,
@@ -43127,45 +43235,45 @@ var gQ = k(Ve)(({ theme: e }) => ({
 	showErrorWhenOutsideRange: !0,
 	disableUnderline: !0
 });
-yQ.propTypes = {
-	...cQ,
+OQ.propTypes = {
+	..._Q,
 	suffix: L.default.string,
 	min: L.default.number,
 	max: L.default.number,
 	value: L.default.number
-}, _Q.propTypes = { ...cQ };
-var bQ = ({ disabled: e, label: t, value: n, onChange: r }) => /* @__PURE__ */ F(nQ, {
+}, EQ.propTypes = { ..._Q };
+var kQ = ({ disabled: e, label: t, value: n, onChange: r }) => /* @__PURE__ */ F(dQ, {
 	label: t,
 	checked: !!n,
 	disabled: !!e,
 	toggle: r
 });
-bQ.propTypes = {
-	...cQ,
+kQ.propTypes = {
+	..._Q,
 	value: L.default.bool
 };
-var xQ = {
-	toggle: bQ,
-	radio: fQ,
-	dropdown: hQ,
-	numberField: yQ,
-	checkbox: lQ,
-	textField: _Q
-}, SQ = k("div")(({ theme: e }) => ({ margin: `0 0 ${e.spacing(2)} 0` })), CQ = k("div")(({ theme: e }) => ({
+var AQ = {
+	toggle: kQ,
+	radio: xQ,
+	dropdown: wQ,
+	numberField: OQ,
+	checkbox: vQ,
+	textField: EQ
+}, jQ = k("div")(({ theme: e }) => ({ margin: `0 0 ${e.spacing(2)} 0` })), MQ = k("div")(({ theme: e }) => ({
 	color: "#495B8F",
 	fontSize: e.typography.fontSize + 2,
 	fontWeight: 600,
 	marginBottom: e.spacing(1)
-})), wQ = k("p")(({ theme: e }) => ({
+})), NQ = k("p")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize,
 	marginBottom: 0
-})), TQ = (e) => {
+})), PQ = (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 = xQ[l.type];
+		}, u = AQ[l.type];
 		return /* @__PURE__ */ F(u, {
 			...l,
 			onChange: (e) => a(n, e, o)
@@ -43174,18 +43282,18 @@ var xQ = {
 		let n = e[t];
 		if (!n) return null;
 		let { type: r, label: i, fields: a, choices: s } = n;
-		return r === "numberFields" ? /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F(wQ, { children: i }), Object.keys(a).map((n) => o(e, `${t}.${n}`, `${t}.fields.${n}`))] }, `numberField-${i}`) : r === "checkboxes" ? /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", { children: i }), Object.keys(s).map((n) => o(e, `${t}.${n}`, `${t}.choices.${n}`))] }, `checkbox-${i}`) : o(e, t);
+		return r === "numberFields" ? /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F(NQ, { children: i }), Object.keys(a).map((n) => o(e, `${t}.${n}`, `${t}.fields.${n}`))] }, `numberField-${i}`) : r === "checkboxes" ? /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", { children: i }), Object.keys(s).map((n) => o(e, `${t}.${n}`, `${t}.choices.${n}`))] }, `checkbox-${i}`) : o(e, t);
 	};
-	return /* @__PURE__ */ I(SQ, { children: [/* @__PURE__ */ F(CQ, { children: n }), Object.keys(r).map((e) => s(r, e))] });
+	return /* @__PURE__ */ I(jQ, { children: [/* @__PURE__ */ F(MQ, { children: n }), Object.keys(r).map((e) => s(r, e))] });
 };
-TQ.propTypes = {
+PQ.propTypes = {
 	model: L.default.object,
 	label: L.default.string,
 	group: L.default.object,
 	configuration: L.default.object,
 	onChange: L.default.func
 };
-var EQ = class extends N.Component {
+var FQ = class extends N.Component {
 	static propTypes = {
 		model: L.default.object,
 		configuration: L.default.object,
@@ -43199,13 +43307,13 @@ var EQ = class extends N.Component {
 		onChangeConfiguration: () => {}
 	};
 	change = (e, t, n = !1) => {
-		oQ("[changeModel]", e, t);
+		hQ("[changeModel]", e, t);
 		let { onChangeModel: r, onChangeConfiguration: i } = this.props, a = { ...this.props.model }, o = { ...this.props.configuration };
 		n ? (ot(o, e, t), i(o, e)) : (ot(a, e, t), r(a, e));
 	};
 	render() {
 		let { groups: e, model: t, configuration: n, modal: r } = this.props;
-		return oQ("render:", t), /* @__PURE__ */ I("div", { children: [Object.keys(e || {}).map((r) => Object.entries(e[r]).some(([, e]) => !!e) ? /* @__PURE__ */ F(TQ, {
+		return hQ("render:", t), /* @__PURE__ */ I("div", { children: [Object.keys(e || {}).map((r) => Object.entries(e[r]).some(([, e]) => !!e) ? /* @__PURE__ */ F(PQ, {
 			label: r,
 			model: t,
 			configuration: n,
@@ -43213,59 +43321,59 @@ var EQ = class extends N.Component {
 			onChange: this.change
 		}, r) : null), r] });
 	}
-}, DQ = /* @__PURE__ */ tZ({
-	Panel: () => EQ,
-	checkbox: () => FQ,
-	checkboxes: () => IQ,
-	dropdown: () => MQ,
-	numberField: () => NQ,
-	numberFields: () => PQ,
-	radio: () => jQ,
-	textField: () => OQ,
-	toggle: () => kQ
-}), OQ = (e, t = !0) => ({
+}, IQ = /* @__PURE__ */ uZ({
+	Panel: () => FQ,
+	checkbox: () => WQ,
+	checkboxes: () => GQ,
+	dropdown: () => VQ,
+	numberField: () => HQ,
+	numberFields: () => UQ,
+	radio: () => BQ,
+	textField: () => LQ,
+	toggle: () => RQ
+}), LQ = (e, t = !0) => ({
 	label: e,
 	type: "textField",
 	isConfigProperty: t
-}), kQ = (e, t = !1, n = !1) => ({
+}), RQ = (e, t = !1, n = !1) => ({
 	type: "toggle",
 	label: e,
 	isConfigProperty: t,
 	disabled: n
-}), AQ = (e) => typeof e == "string" ? {
+}), zQ = (e) => typeof e == "string" ? {
 	label: e,
 	value: e
-} : e, jQ = function() {
+} : e, BQ = function() {
 	let [e, t, n = !1] = Array.prototype.slice.call(arguments);
 	return {
 		type: "radio",
 		label: e,
-		choices: t && t.map((e) => AQ(e)),
+		choices: t && t.map((e) => zQ(e)),
 		isConfigProperty: n
 	};
-}, MQ = (e, t, n = !1) => ({
+}, VQ = (e, t, n = !1) => ({
 	type: "dropdown",
 	label: e,
 	choices: t,
 	isConfigProperty: n
-}), NQ = (e, t, n = !1) => ({
+}), HQ = (e, t, n = !1) => ({
 	...t,
 	label: e,
 	type: "numberField",
 	isConfigProperty: n
-}), PQ = (e, t, n = !1) => (Object.keys(t).map((e) => {
-	t[e] = NQ(t[e].label, t[e], n);
+}), UQ = (e, t, n = !1) => (Object.keys(t).map((e) => {
+	t[e] = HQ(t[e].label, t[e], n);
 }), {
 	type: "numberFields",
 	label: e,
 	fields: t
-}), FQ = (e, t, n = !1) => ({
+}), WQ = (e, t, n = !1) => ({
 	...t,
 	label: e,
 	type: "checkbox",
 	isConfigProperty: n
-}), IQ = (e, t, n = !1) => (Object.keys(t).map((e) => {
-	t[e] = FQ(t[e].label, t[e], n);
+}), GQ = (e, t, n = !1) => (Object.keys(t).map((e) => {
+	t[e] = WQ(t[e].label, t[e], n);
 }), {
 	type: "checkboxes",
 	label: e,
@@ -43273,30 +43381,30 @@ var EQ = class extends N.Component {
 });
 //#endregion
 //#region ../../lib-react/config-ui/dist/index.js
-function LQ(e) {
+function KQ(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function RQ(e, t) {
-	return !e || LQ(e) ? e : LQ(e.default) ? e.default : t && LQ(e[t]) ? e[t] : t && LQ(e[t]?.default) ? e[t].default : e;
+function qQ(e, t) {
+	return !e || KQ(e) ? e : KQ(e.default) ? e.default : t && KQ(e[t]) ? e[t] : t && KQ(e[t]?.default) ? e[t].default : e;
 }
-var zQ = RQ(Ae, "InputContainer") || RQ(HQ.InputContainer, "InputContainer"), BQ = pe, VQ = BQ.default, HQ = VQ && typeof VQ == "object" ? VQ : BQ, UQ = E(/*#__PURE__*/ F("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-6h2zm0-8h-2V7h2z" }), "Info"), WQ = k("div")(({ theme: e }) => ({
+var JQ = qQ(Ae, "InputContainer") || qQ(ZQ.InputContainer, "InputContainer"), YQ = pe, XQ = YQ.default, ZQ = XQ && typeof XQ == "object" ? XQ : YQ, QQ = E(/*#__PURE__*/ F("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-6h2zm0-8h-2V7h2z" }), "Info"), $Q = k("div")(({ theme: e }) => ({
 	marginTop: e.spacing(2),
 	display: "flex"
-})), GQ = k("div")({ flex: 1 }), KQ = k(UX)({ flexDirection: "unset" }), qQ = k("div")(({ theme: e }) => ({
+})), e$ = k("div")({ flex: 1 }), t$ = k(QX)({ flexDirection: "unset" }), n$ = k("div")(({ theme: e }) => ({
 	paddingTop: e.spacing(1),
 	paddingBottom: e.spacing(2),
 	".select-input-container": { minWidth: "65%" }
-})), JQ = k("div")({
+})), r$ = k("div")({
 	display: "flex",
 	alignItems: "center"
-}), YQ = k(Ve)(({ theme: e }) => ({
+}), i$ = k(Ve)(({ theme: e }) => ({
 	fontSize: e.typography.fontSize + 2,
 	marginRight: e.spacing(1)
-})), XQ = k(ls)(({ theme: e }) => ({ "& .MuiTooltip-tooltip": {
+})), a$ = k(ls)(({ theme: e }) => ({ "& .MuiTooltip-tooltip": {
 	fontSize: e.typography.fontSize - 2,
 	whiteSpace: "pre",
 	maxWidth: "500px"
-} })), ZQ = class extends M.Component {
+} })), o$ = class extends M.Component {
 	static propTypes = {
 		model: L.default.object.isRequired,
 		configuration: L.default.object.isRequired,
@@ -43313,22 +43421,22 @@ var zQ = RQ(Ae, "InputContainer") || RQ(HQ.InputContainer, "InputContainer"), BQ
 	};
 	render() {
 		let { model: e, configuration: t } = this.props, { layout: n = {}, choiceMode: r = {}, maxAnswers: i } = t || {}, a = Mt(e, t);
-		return /* @__PURE__ */ I(M.Fragment, { children: [/* @__PURE__ */ I(JQ, { children: [/* @__PURE__ */ F(YQ, {
+		return /* @__PURE__ */ I(M.Fragment, { children: [/* @__PURE__ */ I(r$, { children: [/* @__PURE__ */ F(i$, {
 			component: "div",
 			children: "Define questions"
-		}), /* @__PURE__ */ F(XQ, {
+		}), /* @__PURE__ */ F(a$, {
 			disableFocusListener: !0,
 			disableTouchListener: !0,
 			placement: "right",
 			title: a,
-			children: /* @__PURE__ */ F(UQ, {
+			children: /* @__PURE__ */ F(QQ, {
 				fontSize: "small",
 				color: "primary"
 			})
-		})] }), /* @__PURE__ */ I(WQ, { children: [/* @__PURE__ */ F(GQ, { children: n.settings && /* @__PURE__ */ F(qQ, { children: /* @__PURE__ */ F(zQ, {
+		})] }), /* @__PURE__ */ I($Q, { children: [/* @__PURE__ */ F(e$, { children: n.settings && /* @__PURE__ */ F(n$, { children: /* @__PURE__ */ F(JQ, {
 			label: n.label,
 			className: "input-container",
-			children: /* @__PURE__ */ F(KQ, {
+			children: /* @__PURE__ */ F(t$, {
 				type: "number",
 				min: 3,
 				max: i || 10,
@@ -43336,7 +43444,7 @@ var zQ = RQ(Ae, "InputContainer") || RQ(HQ.InputContainer, "InputContainer"), BQ
 				onChange: (e, t) => this.onChangeColumns("layout", t),
 				suffix: "Columns"
 			})
-		}) }) }), /* @__PURE__ */ F(GQ, { children: r.settings && /* @__PURE__ */ F(qQ, { children: /* @__PURE__ */ F(zQ, {
+		}) }) }), /* @__PURE__ */ F(e$, { children: r.settings && /* @__PURE__ */ F(n$, { children: /* @__PURE__ */ F(JQ, {
 			label: r.label,
 			className: "select-input-container",
 			children: /* @__PURE__ */ I(Go, {
@@ -43357,46 +43465,46 @@ var zQ = RQ(Ae, "InputContainer") || RQ(HQ.InputContainer, "InputContainer"), BQ
 			})
 		}) }) })] })] });
 	}
-}, QQ = k(c)({
+}, s$ = k(c)({
 	display: "flex",
 	alignSelf: "flex-start",
 	margin: 0
-}), $Q = k(WX)(({ theme: e }) => ({ marginRight: e.spacing(.5) })), e$ = class extends N.Component {
+}), c$ = k($X)(({ theme: e }) => ({ marginRight: e.spacing(.5) })), l$ = class extends N.Component {
 	static propTypes = { onAddClick: L.default.func.isRequired };
 	render() {
 		let { onAddClick: e } = this.props;
-		return /* @__PURE__ */ I(QQ, {
+		return /* @__PURE__ */ I(s$, {
 			disabled: !1,
 			onClick: e,
-			children: [/* @__PURE__ */ F($Q, {}), "Add Another Row"]
+			children: [/* @__PURE__ */ F(c$, {}), "Add Another Row"]
 		});
 	}
-}, t$ = E(/*#__PURE__*/ F("path", { d: "M20 9H4v2h16zM4 15h16v-2H4z" }), "DragHandle");
+}, u$ = E(/*#__PURE__*/ F("path", { d: "M20 9H4v2h16zM4 15h16v-2H4z" }), "DragHandle");
 //#endregion
 //#region src/author/row.tsx
 (0, cc.default)("@pie-element:categorize:configure:choice");
-var n$ = k("span")({ cursor: "move" }), r$ = k("div")(({ theme: e }) => ({
+var d$ = k("span")({ cursor: "move" }), f$ = k("div")(({ theme: e }) => ({
 	marginTop: e.spacing(2),
 	display: "flex",
 	alignItems: "center",
 	flex: 1
-})), i$ = k("div")(({ theme: e }) => ({
+})), p$ = k("div")(({ theme: e }) => ({
 	flex: 1,
 	display: "flex",
 	justifyContent: "center",
 	alignItems: "center",
 	minWidth: "120px",
 	padding: `0 ${e.spacing(1)}`
-})), a$ = k(Le)(({ theme: e, error: t }) => ({
+})), m$ = k(Le)(({ theme: e, error: t }) => ({
 	"& input": { width: "100% !important" },
 	"&.MuiRadio-root": { color: `${t ? e.palette.error.main : O.tertiary()} !important` }
-})), o$ = k("div")(({ theme: e }) => ({
+})), h$ = k("div")(({ theme: e }) => ({
 	flex: .5,
 	display: "flex",
 	justifyContent: "center",
 	minWidth: "45px",
 	padding: `0 ${e.spacing(1)}`
-})), s$ = k(i$)(({ theme: e }) => ({
+})), g$ = k(p$)(({ theme: e }) => ({
 	flex: 2,
 	display: "flex",
 	justifyContent: "flex-start",
@@ -43406,16 +43514,16 @@ var n$ = k("span")({ cursor: "move" }), r$ = k("div")(({ theme: e }) => ({
 	minWidth: "200px",
 	marginRight: e.spacing(1),
 	"&> div": { width: "100%" }
-})), c$ = k("hr")(({ theme: e }) => ({
+})), _$ = k("hr")(({ theme: e }) => ({
 	marginTop: e.spacing(2),
 	border: 0,
 	borderTop: `2px solid ${O.border()}`,
 	width: "100%"
-})), l$ = k("div")(({ theme: e }) => ({
+})), v$ = k("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(1)
-})), u$ = class extends N.Component {
+})), y$ = class extends N.Component {
 	static propTypes = {
 		model: L.default.object.isRequired,
 		row: L.default.object.isRequired,
@@ -43469,13 +43577,13 @@ var n$ = k("span")({ cursor: "move" }), r$ = k("div")(({ theme: e }) => ({
 		return /* @__PURE__ */ I("div", {
 			style: { width: "100%" },
 			children: [
-				/* @__PURE__ */ F(n$, {
+				/* @__PURE__ */ F(d$, {
 					itemID: "handle",
 					onMouseDown: this.onMouseDownOnHandle,
-					children: /* @__PURE__ */ F(t$, { color: "primary" })
+					children: /* @__PURE__ */ F(u$, { color: "primary" })
 				}),
-				/* @__PURE__ */ I(r$, { children: [
-					/* @__PURE__ */ F(s$, { children: /* @__PURE__ */ F(mX, {
+				/* @__PURE__ */ I(f$, { children: [
+					/* @__PURE__ */ F(g$, { children: /* @__PURE__ */ F(CX, {
 						imageSupport: e,
 						autoWidthToolbar: !0,
 						disableUnderline: !0,
@@ -43493,25 +43601,25 @@ var n$ = k("span")({ cursor: "move" }), r$ = k("div")(({ theme: e }) => ({
 						error: s && s !== "No correct response defined.",
 						mathMlOptions: d
 					}) }),
-					n.values.map((e, n) => /* @__PURE__ */ F(i$, { children: t.choiceMode === "radio" ? /* @__PURE__ */ F(a$, {
+					n.values.map((e, n) => /* @__PURE__ */ F(p$, { children: t.choiceMode === "radio" ? /* @__PURE__ */ F(m$, {
 						error: s?.includes("No correct response defined."),
 						onChange: this.onRowValueChange(r, n),
 						checked: e === !0
-					}) : /* @__PURE__ */ F(zX, {
+					}) : /* @__PURE__ */ F(JX, {
 						onChange: this.onRowValueChange(r, n),
 						checked: e === !0,
 						label: "",
 						error: s?.includes("No correct response defined.")
 					}) }, n)),
-					/* @__PURE__ */ F(o$, { children: /* @__PURE__ */ F(rn, {
+					/* @__PURE__ */ F(h$, { children: /* @__PURE__ */ F(rn, {
 						onClick: this.onDeleteRow(r),
 						"aria-label": "Delete",
 						size: "large",
 						children: /* @__PURE__ */ F(AO, {})
 					}) })
 				] }),
-				s && /* @__PURE__ */ F(l$, { children: s }),
-				/* @__PURE__ */ F(c$, {}),
+				s && /* @__PURE__ */ F(v$, { children: s }),
+				/* @__PURE__ */ F(_$, {}),
 				/* @__PURE__ */ F(ec, {
 					open: f.open,
 					title: "Warning",
@@ -43522,7 +43630,7 @@ var n$ = k("span")({ cursor: "move" }), r$ = k("div")(({ theme: e }) => ({
 		});
 	}
 };
-function d$(e) {
+function b$(e) {
 	let { attributes: t, listeners: n, setNodeRef: r, transform: i, transition: a, isDragging: o } = nN({
 		id: `row-${e.row.id}`,
 		data: {
@@ -43558,13 +43666,13 @@ function d$(e) {
 				t.closest("[contenteditable]") || t.closest("input") || t.closest("textarea") || t.isContentEditable || n?.onPointerDown?.(e);
 			},
 			...t,
-			children: /* @__PURE__ */ F(u$, { ...e })
+			children: /* @__PURE__ */ F(y$, { ...e })
 		})
 	});
 }
 //#endregion
 //#region ../../lib-react/drag/dist/drag-provider.js
-function f$({ children: e, onDragEnd: t, onDragStart: n, onDragCancel: r, collisionDetection: i, modifiers: a, autoScroll: o, keyboardCoordinateGetter: s, keyboardCodes: c, accessibility: l }) {
+function x$({ children: e, onDragEnd: t, onDragStart: n, onDragCancel: r, collisionDetection: i, modifiers: a, autoScroll: o, keyboardCoordinateGetter: s, keyboardCodes: c, accessibility: l }) {
 	let [u, d] = Ct(null), f = s || c ? {
 		coordinateGetter: s,
 		keyboardCodes: c
@@ -43587,7 +43695,7 @@ function f$({ children: e, onDragEnd: t, onDragStart: n, onDragCancel: r, collis
 		children: e
 	});
 }
-f$.propTypes = {
+x$.propTypes = {
 	children: L.default.node.isRequired,
 	onDragEnd: L.default.func,
 	onDragStart: L.default.func,
@@ -43605,11 +43713,11 @@ f$.propTypes = {
 };
 //#endregion
 //#region src/author/answer-config-block.tsx
-var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme: e }) => ({
+var S$ = (0, cc.default)("pie-elements:match:configure"), C$ = k("div")(({ theme: e }) => ({
 	marginBottom: e.spacing(2.5),
 	display: "flex",
 	flexDirection: "column"
-})), h$ = k("div")(({ theme: e }) => ({
+})), w$ = k("div")(({ theme: e }) => ({
 	display: "flex",
 	alignItems: "center",
 	flex: 1,
@@ -43618,7 +43726,7 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
 	paddingBottom: e.spacing(2),
 	marginTop: e.spacing(2),
 	marginBottom: e.spacing(1)
-})), g$ = k("div")(({ theme: e }) => ({
+})), T$ = k("div")(({ theme: e }) => ({
 	flex: 1,
 	display: "flex",
 	justifyContent: "center",
@@ -43629,26 +43737,26 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
 		padding: `0 ${e.spacing(1)}`,
 		textAlign: "center"
 	}
-})), _$ = k("div")(({ theme: e }) => ({
+})), E$ = k("div")(({ theme: e }) => ({
 	flex: .5,
 	minWidth: "45px",
 	padding: `0 ${e.spacing(1)}`
-})), v$ = k("div")({
+})), D$ = k("div")({
 	display: "flex",
 	flexDirection: "column"
-}), y$ = k("div")(({ theme: e }) => ({
+}), O$ = k("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: `${e.spacing(1)} !important`,
 	width: "fit-content !important"
-})), b$ = k("div")(({ theme: e }) => ({
+})), k$ = k("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingBottom: e.spacing(1)
-})), x$ = k("div")(({ theme: e }) => ({
+})), A$ = k("div")(({ theme: e }) => ({
 	"& .marginBottom": { marginBottom: e.typography.fontSize - 2 + e.spacing(1) },
 	"& .headerInput": { "& > div": { fontWeight: "bold" } }
-})), S$ = class extends M.Component {
+})), j$ = class extends M.Component {
 	static propTypes = {
 		model: L.default.object.isRequired,
 		configuration: L.default.object.isRequired,
@@ -43672,7 +43780,7 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
 		let r = t.data.current, i = n.data.current;
 		if (r?.type === "row" && i?.type === "row") {
 			let e = r.index, t = i.index, { model: n, onChange: a } = this.props, o = { ...n }, s = o.rows || [];
-			p$("[moveRow]: ", e, t);
+			S$("[moveRow]: ", e, t);
 			let { movedRow: c, remainingRows: l } = s.reduce((t, n, r) => (r === e ? t.movedRow = n : t.remainingRows.push(n), t), {
 				movedRow: null,
 				remainingRows: []
@@ -43681,7 +43789,7 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
 				c,
 				...l.slice(t)
 			];
-			p$("update: ", u), o.rows = u, a(o);
+			S$("update: ", u), o.rows = u, a(o);
 		}
 	};
 	onChange = (e, t) => ({ target: n }) => {
@@ -43698,19 +43806,19 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
 	};
 	render() {
 		let { model: e, onAddRow: t, imageSupport: n, configuration: r, toolbarOpts: i, spellCheck: a, uploadSoundSupport: o } = this.props, { baseInputConfiguration: s = {}, headers: c = {}, rows: l = {}, maxImageWidth: u = {}, maxImageHeight: f = {}, mathMlOptions: p = {}, minQuestions: m } = r || {}, { errors: h } = e || {}, { correctResponseError: g, rowsErrors: _, columnsErrors: v, noOfRowsError: y, columnsLengthError: b } = h || {}, x = (fc || []).filter((e) => e !== "table" && e !== "bulleted-list" && e !== "numbered-list"), S = u && u.prompt, C = f && f.prompt;
-		return /* @__PURE__ */ F(x$, { children: /* @__PURE__ */ F(f$, {
+		return /* @__PURE__ */ F(A$, { children: /* @__PURE__ */ F(x$, {
 			onDragEnd: this.moveRow,
-			children: /* @__PURE__ */ I(m$, { children: [/* @__PURE__ */ F(Ve, {
+			children: /* @__PURE__ */ I(C$, { children: [/* @__PURE__ */ F(Ve, {
 				type: "body1",
 				component: "div",
 				children: "Click on the labels to edit or remove. Set the correct answers by clicking each correct answer per row."
-			}), /* @__PURE__ */ I(v$, {
+			}), /* @__PURE__ */ I(D$, {
 				style: r.width ? {
 					width: r.width,
 					overflow: "scroll"
 				} : {},
 				children: [
-					/* @__PURE__ */ I(h$, { children: [c.settings && (e.headers || []).map((e, t) => /* @__PURE__ */ I(g$, {
+					/* @__PURE__ */ I(w$, { children: [c.settings && (e.headers || []).map((e, t) => /* @__PURE__ */ I(T$, {
 						className: d({ questionText: t === 0 }),
 						sx: t === 0 ? {
 							flex: 2,
@@ -43725,7 +43833,7 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
 								minWidth: "200px"
 							}
 						} : {},
-						children: [/* @__PURE__ */ F(mX, {
+						children: [/* @__PURE__ */ F(CX, {
 							onChange: this.onHeaderChange(t),
 							markup: e,
 							className: v && !v[t] ? "marginBottom" : "headerInput",
@@ -43737,9 +43845,9 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
 							uploadSoundSupport: o,
 							languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 							error: v && v[t]
-						}), v && v[t] && /* @__PURE__ */ F(y$, { children: v[t] })]
-					}, t)), /* @__PURE__ */ F(_$, {})] }),
-					e.rows.map((t, r) => /* @__PURE__ */ F(d$, {
+						}), v && v[t] && /* @__PURE__ */ F(O$, { children: v[t] })]
+					}, t)), /* @__PURE__ */ F(E$, {})] }),
+					e.rows.map((t, r) => /* @__PURE__ */ F(b$, {
 						model: e,
 						row: t,
 						idx: r,
@@ -43756,23 +43864,23 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
 						minQuestions: m,
 						inputConfiguration: jt(l?.inputConfiguration, s)
 					}, r)),
-					g && /* @__PURE__ */ F(b$, { children: g }),
-					y && /* @__PURE__ */ F(b$, { children: y }),
-					b && /* @__PURE__ */ F(b$, { children: b }),
-					/* @__PURE__ */ F(e$, { onAddClick: t })
+					g && /* @__PURE__ */ F(k$, { children: g }),
+					y && /* @__PURE__ */ F(k$, { children: y }),
+					b && /* @__PURE__ */ F(k$, { children: b }),
+					/* @__PURE__ */ F(l$, { onAddClick: t })
 				]
 			})] })
 		}) });
 	}
-}, C$ = (0, cc.default)("@pie-element:match:configure"), { Panel: w$, toggle: T$, radio: E$, dropdown: D$ } = DQ, O$ = k("div")(() => ({ "& .promptHolder": { width: "100%" } })), k$ = k("div")(({ theme: e }) => ({
+}, M$ = (0, cc.default)("@pie-element:match:configure"), { Panel: N$, toggle: P$, radio: F$, dropdown: I$ } = IQ, L$ = k("div")(() => ({ "& .promptHolder": { width: "100%" } })), R$ = k("div")(({ theme: e }) => ({
 	width: "100%",
 	paddingTop: e.spacing(2),
 	marginBottom: e.spacing(2)
-})), A$ = k("div")(({ theme: e }) => ({
+})), z$ = k("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(1)
-})), j$ = class extends N.Component {
+})), B$ = class extends N.Component {
 	static propTypes = {
 		onModelChanged: L.default.func,
 		onConfigurationChanged: L.default.func,
@@ -43892,25 +44000,25 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
 	};
 	render() {
 		let { model: e, imageSupport: t, onModelChanged: n, configuration: r, onConfigurationChanged: i, uploadSoundSupport: a } = this.props, { baseInputConfiguration: o = {}, contentDimensions: s = {}, feedback: c = {}, lockChoiceOrder: l = {}, maxImageWidth: u = {}, maxImageHeight: d = {}, partialScoring: f = {}, prompt: p = {}, rationale: m = {}, settingsPanelDisabled: h, scoringType: g = {}, spellCheck: _ = {}, studentInstructions: v = {}, teacherInstructions: y = {}, withRubric: b = {}, language: x = {}, languageChoices: S = {} } = r || {}, { errors: C, extraCSSRules: w, feedbackEnabled: ee, promptEnabled: T, rationaleEnabled: te, spellCheckEnabled: E, teacherInstructionsEnabled: ne, toolbarEditorPosition: re } = e || {}, { prompt: ie, rationale: D, teacherInstructions: ae } = C || {}, { dialog: oe } = this.state, se = { position: re === "top" ? "top" : "bottom" }, ce = u && u.prompt, le = d && d.prompt, ue = {
-			partialScoring: f.settings && T$(f.label),
-			lockChoiceOrder: l.settings && T$(l.label),
-			feedbackEnabled: c.settings && T$(c.label),
-			"language.enabled": x.settings && T$(x.label, !0),
-			language: x.settings && x.enabled && D$(S.label, S.options)
+			partialScoring: f.settings && P$(f.label),
+			lockChoiceOrder: l.settings && P$(l.label),
+			feedbackEnabled: c.settings && P$(c.label),
+			"language.enabled": x.settings && P$(x.label, !0),
+			language: x.settings && x.enabled && I$(S.label, S.options)
 		}, de = {
-			teacherInstructionsEnabled: y.settings && T$(y.label),
-			studentInstructionsEnabled: v.settings && T$(v.label),
-			promptEnabled: p.settings && T$(p.label),
-			rationaleEnabled: m.settings && T$(m.label),
-			spellCheckEnabled: _.settings && T$(_.label),
-			scoringType: g.settings && E$(g.label, ["auto", "rubric"]),
-			rubricEnabled: b?.settings && T$(b?.label)
-		};
-		return C$("[render] model", e), /* @__PURE__ */ F(O$, { children: /* @__PURE__ */ I(QZ.ConfigLayout, {
+			teacherInstructionsEnabled: y.settings && P$(y.label),
+			studentInstructionsEnabled: v.settings && P$(v.label),
+			promptEnabled: p.settings && P$(p.label),
+			rationaleEnabled: m.settings && P$(m.label),
+			spellCheckEnabled: _.settings && P$(_.label),
+			scoringType: g.settings && F$(g.label, ["auto", "rubric"]),
+			rubricEnabled: b?.settings && P$(b?.label)
+		};
+		return M$("[render] model", e), /* @__PURE__ */ F(L$, { children: /* @__PURE__ */ I(sQ.ConfigLayout, {
 			extraCSSRules: w,
 			dimensions: s,
 			hideSettings: h,
-			settings: /* @__PURE__ */ F(w$, {
+			settings: /* @__PURE__ */ F(N$, {
 				model: e,
 				configuration: r,
 				onChangeModel: (e) => n(e),
@@ -43921,10 +44029,10 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
 				}
 			}),
 			children: [
-				ne && /* @__PURE__ */ F(zQ, {
+				ne && /* @__PURE__ */ F(JQ, {
 					label: y.label,
 					className: "promptHolder",
-					children: /* @__PURE__ */ I(k$, { children: [/* @__PURE__ */ F(mX, {
+					children: /* @__PURE__ */ I(R$, { children: [/* @__PURE__ */ F(CX, {
 						className: "prompt",
 						markup: e.teacherInstructions || "",
 						onChange: this.onTeacherInstructionsChanged,
@@ -43938,12 +44046,12 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
 						maxImageHeight: d && d.teacherInstructions || le,
 						uploadSoundSupport: a,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }]
-					}), ae && /* @__PURE__ */ F(A$, { children: ae })] })
+					}), ae && /* @__PURE__ */ F(z$, { children: ae })] })
 				}),
-				T && /* @__PURE__ */ F(zQ, {
+				T && /* @__PURE__ */ F(JQ, {
 					label: p.label,
 					className: "promptHolder",
-					children: /* @__PURE__ */ I(k$, { children: [/* @__PURE__ */ F(mX, {
+					children: /* @__PURE__ */ I(R$, { children: [/* @__PURE__ */ F(CX, {
 						className: "prompt",
 						markup: e.prompt,
 						onChange: this.onPromptChanged,
@@ -43958,15 +44066,15 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
 						maxImageHeight: d && d.prompt,
 						uploadSoundSupport: a,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }]
-					}), ie && /* @__PURE__ */ F(A$, { children: ie })] })
+					}), ie && /* @__PURE__ */ F(z$, { children: ie })] })
 				}),
-				/* @__PURE__ */ F(ZQ, {
+				/* @__PURE__ */ F(o$, {
 					model: e,
 					configuration: r,
 					onResponseTypeChange: this.onResponseTypeChange,
 					onLayoutChange: this.onLayoutChange
 				}),
-				/* @__PURE__ */ F(S$, {
+				/* @__PURE__ */ F(j$, {
 					model: e,
 					configuration: r,
 					imageSupport: t,
@@ -43977,10 +44085,10 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
 					spellCheck: E,
 					uploadSoundSupport: a
 				}),
-				te && /* @__PURE__ */ F(zQ, {
+				te && /* @__PURE__ */ F(JQ, {
 					label: m.label,
 					className: "promptHolder",
-					children: /* @__PURE__ */ I(k$, { children: [/* @__PURE__ */ F(mX, {
+					children: /* @__PURE__ */ I(R$, { children: [/* @__PURE__ */ F(CX, {
 						className: "prompt",
 						markup: e.rationale || "",
 						onChange: this.onRationaleChanged,
@@ -43993,9 +44101,9 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
 						maxImageHeight: d && d.rationale || le,
 						uploadSoundSupport: a,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }]
-					}), D && /* @__PURE__ */ F(A$, { children: D })] })
+					}), D && /* @__PURE__ */ F(z$, { children: D })] })
 				}),
-				ee && /* @__PURE__ */ F(PX, {
+				ee && /* @__PURE__ */ F(UX, {
 					feedback: e.feedback,
 					onChange: this.onFeedbackChange,
 					toolbarOpts: se
@@ -44009,7 +44117,7 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
 			]
 		}) });
 	}
-}, M$ = class e extends CustomEvent {
+}, V$ = class e extends CustomEvent {
 	static {
 		this.TYPE = "model.updated";
 	}
@@ -44022,7 +44130,7 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
 			}
 		}), this.update = t, this.reset = n;
 	}
-}, N$ = class e extends CustomEvent {
+}, H$ = class e extends CustomEvent {
 	static {
 		this.TYPE = "delete.image";
 	}
@@ -44035,7 +44143,7 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
 			}
 		}), this.src = t, this.done = n;
 	}
-}, P$ = class e extends CustomEvent {
+}, U$ = class e extends CustomEvent {
 	static {
 		this.TYPE = "insert.image";
 	}
@@ -44045,7 +44153,7 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
 			detail: t
 		}), this.handler = t;
 	}
-}, F$ = class e extends CustomEvent {
+}, W$ = class e extends CustomEvent {
 	static {
 		this.TYPE = "delete.sound";
 	}
@@ -44058,7 +44166,7 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
 			}
 		}), this.src = t, this.done = n;
 	}
-}, I$ = class e extends CustomEvent {
+}, G$ = class e extends CustomEvent {
 	static {
 		this.TYPE = "insert.sound";
 	}
@@ -44068,7 +44176,7 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
 			detail: t
 		}), this.handler = t;
 	}
-}, L$ = {
+}, K$ = {
 	model: {
 		choiceMode: "radio",
 		feedbackEnabled: !1,
@@ -44215,13 +44323,13 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
 			options: []
 		}
 	}
-}, R$ = (0, cc.default)("pie-elements:match:configure"), z$ = class e extends HTMLElement {
+}, q$ = (0, cc.default)("pie-elements:match:configure"), J$ = class e extends HTMLElement {
 	static createDefaultModel = (e = {}) => ({
-		...L$.model,
+		...K$.model,
 		...e
 	});
 	constructor() {
-		super(), this._root = null, this._model = e.createDefaultModel(), this._configuration = L$.configuration;
+		super(), this._root = null, this._model = e.createDefaultModel(), this._configuration = K$.configuration;
 	}
 	set model(t) {
 		this._model = e.createDefaultModel(t), this._modelCopy = Qe(this._model), this._render();
@@ -44232,7 +44340,7 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
 	};
 	set configuration(e) {
 		let t = {
-			...L$.configuration,
+			...K$.configuration,
 			...e
 		};
 		this._configuration = t, this.resetModelAfterConfigurationIsSet(), t?.language?.enabled ? t?.languageChoices?.options?.length && (this._model.language = t?.languageChoices.options[0].value) : t.language.settings && this._model.language ? (this._configuration.language.enabled = !0, (!this._configuration.languageChoices.options || !this._configuration.languageChoices.options.length) && (this._configuration.languageChoices.options = []), this._configuration.languageChoices.options.find((e) => e.value === this._model.language) || this._configuration.languageChoices.options.push({
@@ -44241,26 +44349,26 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
 		})) : delete this._model.language, Ze(e?.rows?.inputConfiguration) && (ot(this._configuration.rows, "inputConfiguration.image.disabled", !this._model?.enableImages), ot(this._configuration.rows, "inputConfiguration.video.disabled", !0), ot(this._configuration.rows, "inputConfiguration.audio.disabled", !0)), this._render();
 	}
 	onModelChanged(e) {
-		this._model = e, R$("[onModelChanged]: ", this._model), this._render(), this.dispatchEvent(new M$(this._model));
+		this._model = e, q$("[onModelChanged]: ", this._model), this._render(), this.dispatchEvent(new V$(this._model));
 	}
 	onConfigurationChanged(e) {
 		this._configuration = e, this._render();
 	}
 	insertImage(e) {
-		this.dispatchEvent(new P$(e));
+		this.dispatchEvent(new U$(e));
 	}
 	onDeleteImage(e, t) {
-		this.dispatchEvent(new N$(e, t));
+		this.dispatchEvent(new H$(e, t));
 	}
 	insertSound(e) {
-		this.dispatchEvent(new I$(e));
+		this.dispatchEvent(new G$(e));
 	}
 	onDeleteSound(e, t) {
-		this.dispatchEvent(new F$(e, t));
+		this.dispatchEvent(new W$(e, t));
 	}
 	_render() {
 		if (this._model) {
-			let e = N.createElement(j$, {
+			let e = N.createElement(B$, {
 				onModelChanged: this.onModelChanged.bind(this),
 				onConfigurationChanged: this.onConfigurationChanged.bind(this),
 				model: this._model,
@@ -44285,6 +44393,6 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
 	}
 };
 //#endregion
-export { z$ as default };
+export { J$ as default };
 
 //# sourceMappingURL=index.js.map