@pie-element/passage 7.1.2-next.7 → 7.1.2-next.8

package/dist/browser/author/index.js

@@ -39183,8 +39183,8 @@ Wb.create({
 		})) ?? null };
 	}
 });
-var Jq = "placeholder", Yq = new Zu("tiptap__placeholder"), Xq = 200;
-function Zq(e) {
+var Jq = "placeholder", Yq = new Zu("tiptap__placeholder");
+function Xq(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), qg.node(i, i + a.nodeSize, {
 		class: u.join(" "),
@@ -39196,156 +39196,198 @@ function Zq(e) {
 		}) : n
 	});
 }
-function Qq({ editor: e, options: t, dataAttribute: n, doc: r, selection: i }) {
+function Zq(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+function Qq({ 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 && Qy(r);
+		return r.type.isTextblock && (a || !t.showOnlyCurrent) && o && c.push(Xq({
+			editor: e,
+			isEmptyDoc: l,
+			dataAttribute: n,
+			hasAnchor: a,
+			placeholder: t.placeholder,
+			classes: {
+				emptyEditor: t.emptyEditorClass,
+				emptyNode: Zq(t.emptyNodeClass, {
+					editor: e,
+					node: r,
+					pos: i,
+					hasAnchor: a
+				})
+			},
+			node: r,
+			pos: i
+		})), t.includeChildren;
+	}), c;
+}
+function $q({ 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 && Qy(l)) {
-			let r = a >= u && a <= u + l.nodeSize;
-			o.push(Zq({
+		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 && Qy(c)) {
+			let r = a >= l && a <= l + c.nodeSize;
+			o.push(Xq({
 				editor: e,
 				isEmptyDoc: s,
 				dataAttribute: n,
 				hasAnchor: r,
 				placeholder: t.placeholder,
-				classes: c,
-				node: l,
-				pos: u
+				classes: {
+					emptyEditor: t.emptyEditorClass,
+					emptyNode: Zq(t.emptyNodeClass, {
+						editor: e,
+						node: c,
+						pos: l,
+						hasAnchor: r
+					})
+				},
+				node: c,
+				pos: l
 			}));
 		}
-	} else {
-		let i = Yq.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 && Qy(r);
-			return r.type.isTextblock && (l || !t.showOnlyCurrent) && u && o.push(Zq({
-				editor: e,
-				isEmptyDoc: s,
-				dataAttribute: n,
-				hasAnchor: l,
-				placeholder: t.placeholder,
-				classes: c,
-				node: r,
-				pos: i
-			})), t.includeChildren;
-		});
-	}
+	} else o.push(...Qq({
+		editor: e,
+		options: t,
+		dataAttribute: n,
+		doc: r,
+		selection: i,
+		from: 0,
+		to: r.content.size
+	}));
 	return Xg.create(r, o);
 }
-function $q(e) {
-	return e.replace(/\s+/g, "-").replace(/[^a-zA-Z0-9-]/g, "").replace(/^[0-9-]+/, "").replace(/^-+/, "").toLowerCase();
+function eJ(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 eJ(e) {
-	let t = getComputedStyle(e), n = `${t.overflow} ${t.overflowY} ${t.overflowX}`;
-	return /auto|scroll|overlay/.test(n);
+function tJ(e, t) {
+	return {
+		from: Math.max(0, t.from - 1),
+		to: Math.min(e.content.size, t.to - 1)
+	};
 }
-function tJ(e) {
-	let t = e;
-	for (; t;) {
-		if (eJ(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 nJ(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 rJ(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 nJ(e) {
-	return e === window ? {
-		top: 0,
-		bottom: window.innerHeight
-	} : e.getBoundingClientRect();
+function iJ(e, t) {
+	let n = nJ(e, t.from, t.to);
+	return n.push(tJ(e, eJ(e, t.from))), t.to > t.from ? n.push(tJ(e, eJ(e, Math.min(t.to, e.content.size + 1) - 1))) : t.from < e.content.size + 1 && n.push(tJ(e, eJ(e, Math.min(t.from + 1, e.content.size)))), n;
 }
-function rJ({ doc: e, view: t, scrollContainer: n }) {
-	let r = t.dom.getBoundingClientRect(), i = n ? nJ(n) : {
-		top: 0,
-		bottom: window.innerHeight
-	}, a = Math.max(r.top, i.top) - Xq, o = Math.min(r.bottom, i.bottom) + Xq;
-	if (a >= o) return {
-		top: 0,
-		bottom: e.content.size
-	};
-	let s = getComputedStyle(t.dom).direction === "rtl" ? Math.max(r.right - 2, r.left + 2) : r.left + 2, c = t.posAtCoords({
-		left: s,
-		top: a + 2
-	}), l = t.posAtCoords({
-		left: s,
-		top: o - 2
-	});
-	return {
-		top: c ? c.pos : 0,
-		bottom: l ? l.pos : e.content.size
-	};
+function aJ(e, t, n) {
+	let r = [];
+	if (e.docChanged) {
+		let t = Vy(e);
+		for (let e of t) r.push(...iJ(n.doc, e.newRange));
+	}
+	return e.selectionSet && (r.push(tJ(n.doc, eJ(n.doc, e.mapping.map(t.selection.anchor)))), r.push(tJ(n.doc, eJ(n.doc, n.selection.anchor)))), rJ(r);
 }
-var iJ = {
-	init() {
-		return {
-			topPos: null,
-			bottomPos: null
-		};
-	},
-	apply(e, t) {
-		let n = e.getMeta(Yq);
-		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 oJ(e, t, n) {
+	let r = Math.max(0, Math.min(e, n.content.size));
+	return {
+		from: r,
+		to: Math.max(r, Math.min(t, n.content.size))
+	};
+}
+function sJ({ decorations: e, ranges: t, editor: n, options: r, dataAttribute: i, doc: a, selection: o }) {
+	let s = e;
+	for (let e of t) {
+		let { from: t, to: c } = oJ(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 = Qq({
+			editor: n,
+			options: r,
+			dataAttribute: i,
+			doc: a,
+			selection: o,
+			from: t,
+			to: c
+		});
+		u.length && (s = s.add(a, u));
 	}
-};
-function aJ(e) {
-	let t = tJ(e.dom), n = () => {
-		let n = rJ({
-			view: e,
-			doc: e.state.doc,
-			scrollContainer: t
-		}), r = Yq.getState(e.state);
-		if (r?.topPos === n.top && r?.bottomPos === n.bottom) return;
-		let i = e.state.tr.setMeta(Yq, { 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 cJ({ editor: e, options: t, dataAttribute: n }) {
+	return {
+		init(r, i) {
+			return $q({
+				editor: e,
+				options: t,
+				dataAttribute: n,
+				doc: i.doc,
+				selection: i.selection
+			}) ?? Xg.empty;
 		},
-		destroy: () => {
-			r !== null && cancelAnimationFrame(r), t.removeEventListener("scroll", a);
+		apply(r, i, a, o) {
+			return !r.docChanged && !r.selectionSet ? i : sJ({
+				decorations: i.map(r.mapping, r.doc),
+				ranges: aJ(r, a, o),
+				editor: e,
+				options: t,
+				dataAttribute: n,
+				doc: o.doc,
+				selection: o.selection
+			});
 		}
 	};
 }
-function oJ({ editor: e, options: t }) {
-	let n = t.dataAttribute ? `data-${$q(t.dataAttribute)}` : `data-${Jq}`;
+function lJ(e) {
+	return e.replace(/\s+/g, "-").replace(/[^a-zA-Z0-9-]/g, "").replace(/^[0-9-]+/, "").replace(/^-+/, "").toLowerCase();
+}
+function uJ({ editor: e, options: t }) {
+	let n = t.dataAttribute ? `data-${lJ(t.dataAttribute)}` : `data-${Jq}`, r = t.showOnlyCurrent && !t.includeChildren;
 	return new z({
 		key: Yq,
-		state: iJ,
-		view: aJ,
-		props: { decorations: ({ doc: r, selection: i }) => Qq({
+		...r ? {} : { state: cJ({
+			editor: e,
+			options: t,
+			dataAttribute: n
+		}) },
+		props: { decorations: r ? ({ doc: r, selection: i }) => $q({
 			editor: e,
 			options: t,
 			dataAttribute: n,
 			doc: r,
 			selection: i
-		}) }
+		}) : (n) => t.showOnlyWhenEditable && !e.isEditable ? Xg.empty : Yq.getState(n) ?? Xg.empty }
 	});
 }
-var sJ = Wb.create({
+var dJ = Wb.create({
 	name: "placeholder",
 	addOptions() {
 		return {
@@ -39359,12 +39401,25 @@ var sJ = Wb.create({
 		};
 	},
 	addProseMirrorPlugins() {
-		return [oJ({
+		return [uJ({
 			editor: this.editor,
 			options: this.options
 		})];
 	}
 });
+function fJ(e, t) {
+	return !e.selection.empty && !$y(e.selection) && t.isEditable;
+}
+function pJ(e, t) {
+	return fJ(e, t) && !t.isFocused && !t.view.dragging;
+}
+function mJ() {
+	var e;
+	(e = window.getSelection()) == null || e.removeAllRanges();
+}
+function hJ(e) {
+	e.focus();
+}
 Wb.create({
 	name: "selection",
 	addOptions() {
@@ -39374,13 +39429,25 @@ Wb.create({
 		let { editor: e, options: t } = this;
 		return [new z({
 			key: new Zu("selection"),
-			props: { decorations(n) {
-				return n.selection.empty || e.isFocused || !e.isEditable || $y(n.selection) || e.view.dragging ? null : Xg.create(n.doc, [qg.inline(n.selection.from, n.selection.to, { class: t.className })]);
-			} }
+			props: {
+				decorations(n) {
+					return pJ(n, e) ? Xg.create(n.doc, [qg.inline(n.selection.from, n.selection.to, { class: t.className })]) : null;
+				},
+				handleDOMEvents: {
+					blur(t) {
+						return fJ(t.state, e) && mJ(), !1;
+					},
+					focus(t) {
+						return fJ(t.state, e) && requestAnimationFrame(() => {
+							!e.isDestroyed && t.hasFocus() && hJ(t);
+						}), !1;
+					}
+				}
+			}
 		})];
 	}
 });
-function cJ({ types: e, node: t }) {
+function gJ({ types: e, node: t }) {
 	return t && Array.isArray(e) && e.includes(t.type) || t?.type === e;
 }
 Wb.create({
@@ -39402,7 +39469,7 @@ Wb.create({
 			state: {
 				init: (e, t) => {
 					let r = t.tr.doc.lastChild;
-					return !cJ({
+					return !gJ({
 						node: r,
 						types: n
 					});
@@ -39410,7 +39477,7 @@ Wb.create({
 				apply: (e, t) => {
 					if (!e.docChanged || e.getMeta("__uniqueIDTransaction")) return t;
 					let r = e.doc.lastChild;
-					return !cJ({
+					return !gJ({
 						node: r,
 						types: n
 					});
@@ -39445,7 +39512,7 @@ Wb.create({
 		};
 	}
 });
-var lJ = Ib.create({
+var _J = Ib.create({
 	name: "superscript",
 	addOptions() {
 		return { HTMLAttributes: {} };
@@ -39475,7 +39542,7 @@ var lJ = Ib.create({
 	addKeyboardShortcuts() {
 		return { "Mod-.": () => this.editor.commands.toggleSuperscript() };
 	}
-}), uJ = Ib.create({
+}), vJ = Ib.create({
 	name: "subscript",
 	addOptions() {
 		return { HTMLAttributes: {} };
@@ -39505,7 +39572,7 @@ var lJ = Ib.create({
 	addKeyboardShortcuts() {
 		return { "Mod-,": () => this.editor.commands.toggleSubscript() };
 	}
-}), dJ = Wb.create({
+}), yJ = Wb.create({
 	name: "textAlign",
 	addOptions() {
 		return {
@@ -39547,7 +39614,7 @@ var lJ = Ib.create({
 			"Mod-Shift-j": () => this.editor.commands.setTextAlign("justify")
 		};
 	}
-}), fJ = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/, pJ = bx.create({
+}), bJ = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/, xJ = bx.create({
 	name: "image",
 	addOptions() {
 		return {
@@ -39640,7 +39707,7 @@ var lJ = Ib.create({
 	},
 	addInputRules() {
 		return [ox({
-			find: fJ,
+			find: bJ,
 			type: this.type,
 			getAttributes: (e) => {
 				let [, , t, n, r] = e;
@@ -39652,17 +39719,17 @@ var lJ = Ib.create({
 			}
 		})];
 	}
-}), mJ = sJ, hJ = {
+}), SJ = dJ, CJ = {
 	position: "bottom",
 	alignment: "left",
 	alwaysVisible: !1,
 	showDone: !0,
 	doneOn: "blur"
-}, gJ = {
+}, wJ = {
 	options: {},
 	respAreaToolbar: () => {},
 	onHandleAreaChange: () => {}
-}, _J = [
+}, TJ = [
 	"bold",
 	"italic",
 	"underline",
@@ -39684,7 +39751,7 @@ var lJ = Ib.create({
 	"h3",
 	"undo",
 	"redo"
-], vJ = {
+], EJ = {
 	"--white": "#fff",
 	"--black": "#2e2b29",
 	"--black-contrast": "#110f0e",
@@ -39703,14 +39770,18 @@ var lJ = Ib.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)"
-}, yJ = (e) => {
+}, DJ = (e) => ({
+	spellcheck: e ? "true" : "false",
+	autocorrect: e ? "on" : "off",
+	autocapitalize: e ? "on" : "off"
+}), OJ = (e) => {
 	let { showParagraphs: t, separateParagraphs: n } = e.pluginProps || {}, [r, i] = yt([]), [a, o] = yt(!1), { toolbarOpts: s } = e, c = ft((e) => {
 		i((t) => {
 			let n = t.filter((t) => t.pos !== e);
 			return n.length === 0 && o(!1), n;
 		});
 	}, [i]), l = {
-		...hJ,
+		...CJ,
 		...s
 	}, u = ft((t) => {
 		let n = t.getHTML();
@@ -39721,13 +39792,13 @@ var lJ = Ib.create({
 		e.onDone,
 		l.doneOn
 	]), d = _t(() => ({
-		...gJ,
+		...wJ,
 		...e.responseAreaProps,
 		onInlineDropdownToolbarClose: u
 	}), [e.responseAreaProps, u]), f = _t(() => {
 		let { customPlugins: t, ...n } = e.pluginProps || {};
 		t ||= [];
-		let r = (e.activePlugins || _J)?.filter((e) => {
+		let r = (e.activePlugins || TJ)?.filter((e) => {
 			let t = Hs[e] || e, r = n[t] || {};
 			return !r || !r.disabled;
 		});
@@ -39745,103 +39816,112 @@ var lJ = Ib.create({
 			setKeypadInteraction: {},
 			media: {}
 		});
-	}, [e, d.type]), p = Ek({
-		extensions: [
-			dJ.configure({
-				types: [
-					"heading",
-					"paragraph",
-					"div",
-					"headingParagraph",
-					"h1",
-					"h2",
-					"h3",
-					"h4",
-					"h5",
-					"h6",
-					"td",
-					"th"
-				],
-				alignments: [
-					"left",
-					"right",
-					"center",
-					"justify"
-				]
-			}),
-			Kq,
-			qq.configure({ limit: e.charactersLimit || 1e6 }),
-			Iq.configure({ trailingNode: {
+	}, [e, d.type]), p = [
+		yJ.configure({
+			types: [
+				"heading",
+				"paragraph",
+				"div",
+				"headingParagraph",
+				"h1",
+				"h2",
+				"h3",
+				"h4",
+				"h5",
+				"h6",
+				"td",
+				"th"
+			],
+			alignments: [
+				"left",
+				"right",
+				"center",
+				"justify"
+			]
+		}),
+		Kq,
+		qq.configure({ limit: e.charactersLimit || 1e6 }),
+		Iq.configure({
+			trailingNode: {
 				node: "paragraph",
 				notAfter: ["paragraph", "div"]
-			} }),
-			BR,
-			QD,
-			VR,
-			$D,
-			eO,
-			mJ.configure({
-				placeholder: e.placeholder,
-				showOnlyWhenEditable: !0,
-				showOnlyCurrent: !1,
-				includeChildren: !0
-			}),
-			JD,
-			MD,
-			ZD,
-			XD,
-			wI.configure(d),
-			TI.configure(d),
-			DI.configure(d),
-			OI.configure(d),
-			EI.configure(d),
-			dL.configure({
-				toolbarOpts: l,
-				math: e.pluginProps?.math || {}
-			}),
-			uJ,
-			lJ,
-			pJ,
-			ML.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 = et(() => {
-								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
-			}),
-			$L.configure({ uploadSoundSupport: e.uploadSoundSupport }),
-			aR.configure({ extraCSSRules: e.extraCSSRules })
-		],
+			},
+			link: {
+				autolink: !1,
+				linkOnPaste: !1
+			}
+		}),
+		BR,
+		QD,
+		VR,
+		$D,
+		eO,
+		SJ.configure({
+			placeholder: e.placeholder,
+			showOnlyWhenEditable: !0,
+			showOnlyCurrent: !1,
+			includeChildren: !0
+		}),
+		JD,
+		MD,
+		ZD,
+		XD,
+		wI.configure(d),
+		TI.configure(d),
+		DI.configure(d),
+		OI.configure(d),
+		EI.configure(d),
+		dL.configure({
+			toolbarOpts: l,
+			math: e.pluginProps?.math || {}
+		}),
+		vJ,
+		_J,
+		xJ,
+		ML.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 = et(() => {
+							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
+		}),
+		$L.configure({ uploadSoundSupport: e.uploadSoundSupport }),
+		aR.configure({ extraCSSRules: e.extraCSSRules })
+	], m = e.spellCheck !== !1, h = Ek({
+		extensions: p,
 		immediatelyRender: !1,
-		editorProps: { handleKeyDown(t, n) {
-			return e.onKeyDown ? e.onKeyDown(n) : !1;
-		} },
+		editorProps: {
+			attributes: DJ(m),
+			handleKeyDown(t, n) {
+				return e.onKeyDown ? e.onKeyDown(n) : !1;
+			}
+		},
 		editable: !e.disabled,
 		content: qs(e.markup),
 		onUpdate: ({ editor: t, transaction: n }) => {
@@ -39852,22 +39932,29 @@ var lJ = Ib.create({
 		}
 	}, [e.charactersLimit]);
 	ht(() => {
-		e.editorRef && e.editorRef(p);
-	}, [e.editorRef, p]), ht(() => {
-		p?.setEditable(!e.disabled);
-	}, [e.disabled, p]), ht(() => {
-		if (!p) return;
+		e.editorRef && e.editorRef(h);
+	}, [e.editorRef, h]), ht(() => {
+		h?.setEditable(!e.disabled);
+	}, [e.disabled, h]), ht(() => {
+		if (!h) return;
+		let e = h.options?.editorProps, t = DJ(m);
+		e?.attributes?.spellcheck !== t.spellcheck && h.setOptions({ editorProps: {
+			...e,
+			attributes: t
+		} });
+	}, [m, h]), ht(() => {
+		if (!h) return;
 		let t = qs(e.markup);
-		t !== p.getHTML() && p.commands.setContent(t, { emitUpdate: !1 });
-	}, [e.markup, p]), ht(() => {
-		Object.entries(vJ).forEach(([e, t]) => {
+		t !== h.getHTML() && h.commands.setContent(t, { emitUpdate: !1 });
+	}, [e.markup, h]), ht(() => {
+		Object.entries(EJ).forEach(([e, t]) => {
 			document.documentElement.style.setProperty(e, t);
 		});
 	}, []);
-	let m = Sk({
-		editor: p,
+	let g = Sk({
+		editor: h,
 		selector: (e) => ({ isFocused: e.editor?.isFocused })
-	}), h = _t(() => {
+	}), _ = _t(() => {
 		let { minWidth: t, width: n, maxWidth: r, minHeight: i, height: a, maxHeight: o } = e;
 		return {
 			width: HR(n),
@@ -39882,20 +39969,20 @@ var lJ = Ib.create({
 		...e,
 		activePlugins: f,
 		toolbarOpts: l,
-		editorState: m,
-		editor: p,
-		children: p && /* @__PURE__ */ j(bJ, {
+		editorState: g,
+		editor: h,
+		children: h && /* @__PURE__ */ j(kJ, {
 			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
 		})
 	});
-}, bJ = S(yk, { shouldForwardProp: (e) => !["showParagraph", "separateParagraph"].includes(e) })(({ showParagraph: e, separateParagraph: t }) => ({
+}, kJ = S(yk, { shouldForwardProp: (e) => !["showParagraph", "separateParagraph"].includes(e) })(({ showParagraph: e, separateParagraph: t }) => ({
 	display: "flex",
 	outline: "none !important",
 	"& .ProseMirror": {
@@ -39923,7 +40010,7 @@ var lJ = Ib.create({
 		} },
 		...t && { "& > p:has(+ p)": { marginBottom: "1em" } }
 	}
-})), xJ = yJ, SJ = S(v)(() => ({})), CJ = class extends at.Component {
+})), AJ = OJ, jJ = S(v)(() => ({})), MJ = class extends at.Component {
 	static propTypes = {
 		className: N.default.string,
 		contentClassName: N.default.string,
@@ -39944,7 +40031,7 @@ var lJ = Ib.create({
 				indicatorColor: "primary",
 				value: e,
 				onChange: this.handleChange,
-				children: at.Children.map(t, (e, t) => e && e.props.title ? /* @__PURE__ */ j(SJ, { label: e.props.title }, t) : null)
+				children: at.Children.map(t, (e, t) => e && e.props.title ? /* @__PURE__ */ j(jJ, { label: e.props.title }, t) : null)
 			}), /* @__PURE__ */ j("div", {
 				className: r,
 				style: i,
@@ -39952,7 +40039,7 @@ var lJ = Ib.create({
 			})]
 		});
 	}
-}, wJ = S(Ca)(({ theme: e, mini: t }) => ({
+}, NJ = S(Ca)(({ theme: e, mini: t }) => ({
 	margin: 0,
 	marginLeft: 0,
 	padding: 0,
@@ -39966,7 +40053,7 @@ var lJ = Ib.create({
 			fontSize: e.typography.fontSize - 3
 		}
 	}
-})), TJ = S(Bi)(({ theme: e, mini: t, error: n }) => ({
+})), PJ = S(Bi)(({ theme: e, mini: t, error: n }) => ({
 	color: `${i.tertiary()} !important`,
 	...t && {
 		margin: 0,
@@ -39975,9 +40062,9 @@ var lJ = Ib.create({
 		height: e.spacing(3)
 	},
 	...n && { color: `${e.palette.error.main} !important` }
-})), EJ = ({ mini: e, checked: t, onChange: n, value: r, label: i, error: a }) => /* @__PURE__ */ j(wJ, {
+})), FJ = ({ mini: e, checked: t, onChange: n, value: r, label: i, error: a }) => /* @__PURE__ */ j(NJ, {
 	mini: e,
-	control: /* @__PURE__ */ j(TJ, {
+	control: /* @__PURE__ */ j(PJ, {
 		checked: t,
 		onChange: n,
 		value: r,
@@ -39986,21 +40073,21 @@ var lJ = Ib.create({
 	}),
 	label: i
 });
-EJ.propTypes = {
+FJ.propTypes = {
 	mini: N.default.bool,
 	checked: N.default.bool.isRequired,
 	onChange: N.default.func.isRequired,
 	value: N.default.string,
 	label: N.default.string.isRequired,
 	error: N.default.bool
-}, EJ.defaultProps = {
+}, FJ.defaultProps = {
 	value: "",
 	mini: !1,
 	error: !1
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/number-text-field.js
-var DJ = (0, Is.default)("@pie-lib:config-ui:number-text-field"), OJ = S(Fs)(({ theme: e }) => ({
+var IJ = (0, Is.default)("@pie-lib:config-ui:number-text-field"), LJ = S(Fs)(({ theme: e }) => ({
 	marginRight: e.spacing(1),
 	"& .MuiInputLabel-root": {
 		width: "auto",
@@ -40022,11 +40109,11 @@ var DJ = (0, Is.default)("@pie-lib:config-ui:number-text-field"), OJ = S(Fs)(({
 		minHeight: "auto",
 		padding: "6px 0 7px"
 	}
-})), kJ = (e, t) => {
+})), RJ = (e, t) => {
 	if (!tt(e) && !tt(t)) return 0;
 	if (!tt(e) && tt(t)) return t;
 	if (tt(e)) return e;
-}, AJ = class extends at.Component {
+}, zJ = class extends at.Component {
 	static propTypes = {
 		disabled: N.default.bool,
 		className: N.default.string,
@@ -40052,13 +40139,13 @@ var DJ = (0, Is.default)("@pie-lib:config-ui:number-text-field"), OJ = S(Fs)(({
 		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) : kJ(t, n);
+		return tt(e) ? (tt(n) && (e = Math.min(e, n)), tt(t) && (e = Math.max(e, t)), e) : RJ(t, n);
 	}
 	onBlur = (e) => {
 		let t = e.target.value, n = parseFloat(t);
-		DJ("rawNumber: ", n);
+		IJ("rawNumber: ", n);
 		let r = this.clamp(n);
-		DJ("number: ", r), r !== this.state.value && (DJ("trigger update..."), this.setState({ value: r.toString() }, () => {
+		IJ("number: ", r), r !== this.state.value && (IJ("trigger update..."), this.setState({ value: r.toString() }, () => {
 			this.props.onChange(e, r);
 		}));
 	};
@@ -40078,7 +40165,7 @@ var DJ = (0, Is.default)("@pie-lib:config-ui:number-text-field"), OJ = S(Fs)(({
 	};
 	render() {
 		let { className: e, label: t, disabled: n, suffix: r, min: i, max: a, inputClassName: o, disableUnderline: s, showErrorWhenOutsideRange: c, variant: l } = this.props, u = c && this.getError();
-		return /* @__PURE__ */ j(OJ, {
+		return /* @__PURE__ */ j(LJ, {
 			variant: s ? "filled" : l || "standard",
 			inputRef: (e) => {
 				this.inputRef = e;
@@ -40113,19 +40200,19 @@ var DJ = (0, Is.default)("@pie-lib:config-ui:number-text-field"), OJ = S(Fs)(({
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/two-choice.js
-function jJ(e) {
+function BJ(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function MJ(e, t) {
-	return !e || jJ(e) ? e : jJ(e.default) ? e.default : t && jJ(e[t]) ? e[t] : t && jJ(e[t]?.default) ? e[t].default : e;
+function VJ(e, t) {
+	return !e || BJ(e) ? e : BJ(e.default) ? e.default : t && BJ(e[t]) ? e[t] : t && BJ(e[t]?.default) ? e[t].default : e;
 }
-var NJ = MJ(le, "InputContainer") || MJ(IJ.InputContainer, "InputContainer"), PJ = Fe, FJ = PJ.default, IJ = FJ && typeof FJ == "object" ? FJ : PJ, LJ = S("div")(({ theme: e, direction: t }) => ({
+var HJ = VJ(le, "InputContainer") || VJ(GJ.InputContainer, "InputContainer"), UJ = Fe, WJ = UJ.default, GJ = WJ && typeof WJ == "object" ? WJ : UJ, KJ = S("div")(({ theme: e, direction: t }) => ({
 	display: "flex",
 	flexWrap: "wrap",
 	paddingLeft: 0,
 	marginTop: e.spacing(1),
 	...t === "vertical" && { flexDirection: "column" }
-})), RJ = class extends at.Component {
+})), qJ = class extends at.Component {
 	static propTypes = {
 		header: N.default.string.isRequired,
 		className: N.default.string,
@@ -40143,10 +40230,10 @@ var NJ = MJ(le, "InputContainer") || MJ(IJ.InputContainer, "InputContainer"), PJ
 			label: e,
 			value: e
 		} : e), s = n || zs;
-		return /* @__PURE__ */ j(NJ, {
+		return /* @__PURE__ */ j(HJ, {
 			label: e,
 			className: t,
-			children: /* @__PURE__ */ j(LJ, {
+			children: /* @__PURE__ */ j(KJ, {
 				direction: a,
 				children: o.map((e, t) => /* @__PURE__ */ j(s, {
 					value: e.value,
@@ -40157,7 +40244,7 @@ var NJ = MJ(le, "InputContainer") || MJ(IJ.InputContainer, "InputContainer"), PJ
 			})
 		});
 	}
-}, zJ = N.default.shape({
+}, JJ = N.default.shape({
 	label: N.default.string,
 	value: N.default.string
 });
@@ -40166,14 +40253,14 @@ var NJ = MJ(le, "InputContainer") || MJ(IJ.InputContainer, "InputContainer"), PJ
 		header: N.default.string.isRequired,
 		value: N.default.string.isRequired,
 		onChange: N.default.func.isRequired,
-		one: N.default.oneOfType([zJ, N.default.string]),
-		two: N.default.oneOfType([zJ, N.default.string]),
+		one: N.default.oneOfType([JJ, N.default.string]),
+		two: N.default.oneOfType([JJ, N.default.string]),
 		className: N.default.string,
 		customLabel: N.default.func
 	};
 	render() {
 		let { one: e, two: t, header: n, className: r, customLabel: i, value: a, onChange: o } = this.props;
-		return /* @__PURE__ */ j(RJ, {
+		return /* @__PURE__ */ j(qJ, {
 			customLabel: i,
 			header: n,
 			className: r,
@@ -40185,21 +40272,21 @@ var NJ = MJ(le, "InputContainer") || MJ(IJ.InputContainer, "InputContainer"), PJ
 });
 //#endregion
 //#region ../../lib-react/config-ui/dist/_virtual/_rolldown/runtime.js
-var BJ = Object.defineProperty, VJ = (e, t) => {
+var YJ = Object.defineProperty, XJ = (e, t) => {
 	let n = {};
-	for (var r in e) BJ(n, r, {
+	for (var r in e) YJ(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || BJ(n, Symbol.toStringTag, { value: "Module" }), n;
-}, HJ = S("div")(() => ({
+	return t || YJ(n, Symbol.toStringTag, { value: "Module" }), n;
+}, ZJ = S("div")(() => ({
 	display: "flex",
 	flexDirection: "column",
 	position: "relative"
-})), UJ = S("div")(() => ({
+})), QJ = S("div")(() => ({
 	display: "flex",
 	justifyContent: "space-between"
-})), WJ = S("div")(({ theme: e }) => ({ padding: `${e.spacing(2)} 0` })), GJ = S("div")(() => ({ flex: "1" })), KJ = S("div")(({ theme: e }) => ({ marginLeft: e.spacing(2) })), qJ = class extends at.Component {
+})), $J = S("div")(({ theme: e }) => ({ padding: `${e.spacing(2)} 0` })), eY = S("div")(() => ({ flex: "1" })), tY = S("div")(({ theme: e }) => ({ marginLeft: e.spacing(2) })), nY = class extends at.Component {
 	static propTypes = {
 		mode: N.default.oneOf(["tabbed", "inline"]),
 		secondary: N.default.oneOfType([N.default.arrayOf(N.default.node), N.default.node]),
@@ -40217,7 +40304,7 @@ var BJ = Object.defineProperty, VJ = (e, t) => {
 		} catch (e) {
 			console.log(e.toString());
 		}
-		return /* @__PURE__ */ M(HJ, {
+		return /* @__PURE__ */ M(ZJ, {
 			style: {
 				minHeight: i,
 				minWidth: a,
@@ -40225,28 +40312,28 @@ var BJ = Object.defineProperty, VJ = (e, t) => {
 				maxWidth: s
 			},
 			children: [
-				e === "inline" && /* @__PURE__ */ M(UJ, { children: [/* @__PURE__ */ j(GJ, {
+				e === "inline" && /* @__PURE__ */ M(QJ, { children: [/* @__PURE__ */ j(eY, {
 					className: "design-container",
 					children: n
-				}), l && /* @__PURE__ */ j(KJ, {
+				}), l && /* @__PURE__ */ j(tY, {
 					className: "settings-container",
 					children: t
 				})] }),
-				e === "tabbed" && l && /* @__PURE__ */ M(CJ, {
+				e === "tabbed" && l && /* @__PURE__ */ M(MJ, {
 					onChange: this.onTabsChange,
 					contentClassName: "content-container",
 					indicatorColor: "primary",
-					children: [/* @__PURE__ */ j(WJ, {
+					children: [/* @__PURE__ */ j($J, {
 						title: "Design",
 						className: "design-container",
 						children: n
-					}), /* @__PURE__ */ j(WJ, {
+					}), /* @__PURE__ */ j($J, {
 						title: "Settings",
 						className: "settings-container",
 						children: t
 					})]
 				}),
-				e === "tabbed" && !l && /* @__PURE__ */ j(WJ, {
+				e === "tabbed" && !l && /* @__PURE__ */ j($J, {
 					className: "design-container",
 					children: n
 				})
@@ -40256,18 +40343,18 @@ var BJ = Object.defineProperty, VJ = (e, t) => {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/node_modules/.bun/@babel_runtime@7.29.7/node_modules/@babel/runtime/helpers/esm/extends.js
-function JJ() {
-	return JJ = Object.assign ? Object.assign.bind() : function(e) {
+function rY() {
+	return rY = Object.assign ? Object.assign.bind() : function(e) {
 		for (var t = 1; t < arguments.length; t++) {
 			var n = arguments[t];
 			for (var r in n) ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
 		}
 		return e;
-	}, JJ.apply(null, arguments);
+	}, rY.apply(null, arguments);
 }
 //#endregion
 //#region ../../lib-react/config-ui/dist/node_modules/.bun/@babel_runtime@7.29.7/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
-function YJ(e, t) {
+function iY(e, t) {
 	if (e == null) return {};
 	var n = {};
 	for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
@@ -40278,19 +40365,19 @@ function YJ(e, t) {
 }
 //#endregion
 //#region ../../lib-react/config-ui/dist/node_modules/.bun/@babel_runtime@7.29.7/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js
-function XJ(e, t) {
-	return XJ = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+function aY(e, t) {
+	return aY = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
 		return e.__proto__ = t, e;
-	}, XJ(e, t);
+	}, aY(e, t);
 }
 //#endregion
 //#region ../../lib-react/config-ui/dist/node_modules/.bun/@babel_runtime@7.29.7/node_modules/@babel/runtime/helpers/esm/inheritsLoose.js
-function ZJ(e, t) {
-	e.prototype = Object.create(t.prototype), e.prototype.constructor = e, XJ(e, t);
+function oY(e, t) {
+	e.prototype = Object.create(t.prototype), e.prototype.constructor = e, aY(e, t);
 }
 //#endregion
 //#region ../../lib-react/config-ui/dist/node_modules/.bun/resize-observer-polyfill@1.5.1/node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js
-var QJ = (function() {
+var sY = (function() {
 	if (typeof Map < "u") return Map;
 	function e(e, t) {
 		var n = -1;
@@ -40329,34 +40416,34 @@ var QJ = (function() {
 			}
 		}, t;
 	}();
-})(), $J = typeof window < "u" && typeof document < "u" && window.document === document, eY = (function() {
+})(), cY = typeof window < "u" && typeof document < "u" && window.document === document, lY = (function() {
 	return typeof global < "u" && global.Math === Math ? global : typeof self < "u" && self.Math === Math ? self : typeof window < "u" && window.Math === Math ? window : Function("return this")();
-})(), tY = (function() {
-	return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(eY) : function(e) {
+})(), uY = (function() {
+	return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(lY) : function(e) {
 		return setTimeout(function() {
 			return e(Date.now());
 		}, 1e3 / 60);
 	};
-})(), nY = 2;
-function rY(e, t) {
+})(), dY = 2;
+function fY(e, t) {
 	var n = !1, r = !1, i = 0;
 	function a() {
 		n && (n = !1, e()), r && s();
 	}
 	function o() {
-		tY(a);
+		uY(a);
 	}
 	function s() {
 		var e = Date.now();
 		if (n) {
-			if (e - i < nY) return;
+			if (e - i < dY) return;
 			r = !0;
 		} else n = !0, r = !1, setTimeout(o, t);
 		i = e;
 	}
 	return s;
 }
-var iY = 20, aY = [
+var pY = 20, mY = [
 	"top",
 	"right",
 	"bottom",
@@ -40365,9 +40452,9 @@ var iY = 20, aY = [
 	"height",
 	"size",
 	"weight"
-], oY = typeof MutationObserver < "u", sY = function() {
+], hY = typeof MutationObserver < "u", gY = function() {
 	function e() {
-		this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = rY(this.refresh.bind(this), iY);
+		this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = fY(this.refresh.bind(this), pY);
 	}
 	return e.prototype.addObserver = function(e) {
 		~this.observers_.indexOf(e) || this.observers_.push(e), this.connected_ || this.connect_();
@@ -40384,23 +40471,23 @@ var iY = 20, aY = [
 			return e.broadcastActive();
 		}), e.length > 0;
 	}, e.prototype.connect_ = function() {
-		!$J || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), oY ? (this.mutationsObserver_ = new MutationObserver(this.refresh), this.mutationsObserver_.observe(document, {
+		!cY || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), hY ? (this.mutationsObserver_ = new MutationObserver(this.refresh), this.mutationsObserver_.observe(document, {
 			attributes: !0,
 			childList: !0,
 			characterData: !0,
 			subtree: !0
 		})) : (document.addEventListener("DOMSubtreeModified", this.refresh), this.mutationEventsAdded_ = !0), this.connected_ = !0);
 	}, e.prototype.disconnect_ = function() {
-		!$J || !this.connected_ || (document.removeEventListener("transitionend", this.onTransitionEnd_), window.removeEventListener("resize", this.refresh), this.mutationsObserver_ && this.mutationsObserver_.disconnect(), this.mutationEventsAdded_ && document.removeEventListener("DOMSubtreeModified", this.refresh), this.mutationsObserver_ = null, this.mutationEventsAdded_ = !1, this.connected_ = !1);
+		!cY || !this.connected_ || (document.removeEventListener("transitionend", this.onTransitionEnd_), window.removeEventListener("resize", this.refresh), this.mutationsObserver_ && this.mutationsObserver_.disconnect(), this.mutationEventsAdded_ && document.removeEventListener("DOMSubtreeModified", this.refresh), this.mutationsObserver_ = null, this.mutationEventsAdded_ = !1, this.connected_ = !1);
 	}, e.prototype.onTransitionEnd_ = function(e) {
 		var t = e.propertyName, n = t === void 0 ? "" : t;
-		aY.some(function(e) {
+		mY.some(function(e) {
 			return !!~n.indexOf(e);
 		}) && this.refresh();
 	}, e.getInstance = function() {
 		return this.instance_ ||= new e(), this.instance_;
 	}, e.instance_ = null, e;
-}(), cY = (function(e, t) {
+}(), _Y = (function(e, t) {
 	for (var n = 0, r = Object.keys(t); n < r.length; n++) {
 		var i = r[n];
 		Object.defineProperty(e, i, {
@@ -40411,19 +40498,19 @@ var iY = 20, aY = [
 		});
 	}
 	return e;
-}), lY = (function(e) {
-	return e && e.ownerDocument && e.ownerDocument.defaultView || eY;
-}), uY = bY(0, 0, 0, 0);
-function dY(e) {
+}), vY = (function(e) {
+	return e && e.ownerDocument && e.ownerDocument.defaultView || lY;
+}), yY = kY(0, 0, 0, 0);
+function bY(e) {
 	return parseFloat(e) || 0;
 }
-function fY(e) {
+function xY(e) {
 	return [...arguments].slice(1).reduce(function(t, n) {
 		var r = e["border-" + n + "-width"];
-		return t + dY(r);
+		return t + bY(r);
 	}, 0);
 }
-function pY(e) {
+function SY(e) {
 	for (var t = [
 		"top",
 		"right",
@@ -40431,40 +40518,40 @@ function pY(e) {
 		"left"
 	], n = {}, r = 0, i = t; r < i.length; r++) {
 		var a = i[r], o = e["padding-" + a];
-		n[a] = dY(o);
+		n[a] = bY(o);
 	}
 	return n;
 }
-function mY(e) {
+function CY(e) {
 	var t = e.getBBox();
-	return bY(0, 0, t.width, t.height);
+	return kY(0, 0, t.width, t.height);
 }
-function hY(e) {
+function wY(e) {
 	var t = e.clientWidth, n = e.clientHeight;
-	if (!t && !n) return uY;
-	var r = lY(e).getComputedStyle(e), i = pY(r), a = i.left + i.right, o = i.top + i.bottom, s = dY(r.width), c = dY(r.height);
-	if (r.boxSizing === "border-box" && (Math.round(s + a) !== t && (s -= fY(r, "left", "right") + a), Math.round(c + o) !== n && (c -= fY(r, "top", "bottom") + o)), !_Y(e)) {
+	if (!t && !n) return yY;
+	var r = vY(e).getComputedStyle(e), i = SY(r), a = i.left + i.right, o = i.top + i.bottom, s = bY(r.width), c = bY(r.height);
+	if (r.boxSizing === "border-box" && (Math.round(s + a) !== t && (s -= xY(r, "left", "right") + a), Math.round(c + o) !== n && (c -= xY(r, "top", "bottom") + o)), !EY(e)) {
 		var l = Math.round(s + a) - t, u = Math.round(c + o) - n;
 		Math.abs(l) !== 1 && (s -= l), Math.abs(u) !== 1 && (c -= u);
 	}
-	return bY(i.left, i.top, s, c);
+	return kY(i.left, i.top, s, c);
 }
-var gY = (function() {
+var TY = (function() {
 	return typeof SVGGraphicsElement < "u" ? function(e) {
-		return e instanceof lY(e).SVGGraphicsElement;
+		return e instanceof vY(e).SVGGraphicsElement;
 	} : function(e) {
-		return e instanceof lY(e).SVGElement && typeof e.getBBox == "function";
+		return e instanceof vY(e).SVGElement && typeof e.getBBox == "function";
 	};
 })();
-function _Y(e) {
-	return e === lY(e).document.documentElement;
+function EY(e) {
+	return e === vY(e).document.documentElement;
 }
-function vY(e) {
-	return $J ? gY(e) ? mY(e) : hY(e) : uY;
+function DY(e) {
+	return cY ? TY(e) ? CY(e) : wY(e) : yY;
 }
-function yY(e) {
+function OY(e) {
 	var t = e.x, n = e.y, r = e.width, i = e.height, a = Object.create((typeof DOMRectReadOnly < "u" ? DOMRectReadOnly : Object).prototype);
-	return cY(a, {
+	return _Y(a, {
 		x: t,
 		y: n,
 		width: r,
@@ -40475,7 +40562,7 @@ function yY(e) {
 		left: t
 	}), a;
 }
-function bY(e, t, n, r) {
+function kY(e, t, n, r) {
 	return {
 		x: e,
 		y: t,
@@ -40483,42 +40570,42 @@ function bY(e, t, n, r) {
 		height: r
 	};
 }
-var xY = function() {
+var AY = function() {
 	function e(e) {
-		this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = bY(0, 0, 0, 0), this.target = e;
+		this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = kY(0, 0, 0, 0), this.target = e;
 	}
 	return e.prototype.isActive = function() {
-		var e = vY(this.target);
+		var e = DY(this.target);
 		return this.contentRect_ = e, e.width !== this.broadcastWidth || e.height !== this.broadcastHeight;
 	}, e.prototype.broadcastRect = function() {
 		var e = this.contentRect_;
 		return this.broadcastWidth = e.width, this.broadcastHeight = e.height, e;
 	}, e;
-}(), SY = function() {
+}(), jY = function() {
 	function e(e, t) {
-		var n = yY(t);
-		cY(this, {
+		var n = OY(t);
+		_Y(this, {
 			target: e,
 			contentRect: n
 		});
 	}
 	return e;
-}(), CY = function() {
+}(), MY = function() {
 	function e(e, t, n) {
-		if (this.activeObservations_ = [], this.observations_ = new QJ(), typeof e != "function") throw TypeError("The callback provided as parameter 1 is not a function.");
+		if (this.activeObservations_ = [], this.observations_ = new sY(), typeof e != "function") throw TypeError("The callback provided as parameter 1 is not a function.");
 		this.callback_ = e, this.controller_ = t, this.callbackCtx_ = n;
 	}
 	return e.prototype.observe = function(e) {
 		if (!arguments.length) throw TypeError("1 argument required, but only 0 present.");
 		if (!(typeof Element > "u" || !(Element instanceof Object))) {
-			if (!(e instanceof lY(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
+			if (!(e instanceof vY(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
 			var t = this.observations_;
-			t.has(e) || (t.set(e, new xY(e)), this.controller_.addObserver(this), this.controller_.refresh());
+			t.has(e) || (t.set(e, new AY(e)), this.controller_.addObserver(this), this.controller_.refresh());
 		}
 	}, e.prototype.unobserve = function(e) {
 		if (!arguments.length) throw TypeError("1 argument required, but only 0 present.");
 		if (!(typeof Element > "u" || !(Element instanceof Object))) {
-			if (!(e instanceof lY(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
+			if (!(e instanceof vY(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
 			var t = this.observations_;
 			t.has(e) && (t.delete(e), t.size || this.controller_.removeObserver(this));
 		}
@@ -40532,7 +40619,7 @@ var xY = function() {
 	}, e.prototype.broadcastActive = function() {
 		if (this.hasActive()) {
 			var e = this.callbackCtx_, t = this.activeObservations_.map(function(e) {
-				return new SY(e.target, e.broadcastRect());
+				return new jY(e.target, e.broadcastRect());
 			});
 			this.callback_.call(e, t, e), this.clearActive();
 		}
@@ -40541,12 +40628,12 @@ var xY = function() {
 	}, e.prototype.hasActive = function() {
 		return this.activeObservations_.length > 0;
 	}, e;
-}(), wY = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new QJ(), TY = function() {
+}(), NY = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new sY(), PY = function() {
 	function e(t) {
 		if (!(this instanceof e)) throw TypeError("Cannot call a class as a function.");
 		if (!arguments.length) throw TypeError("1 argument required, but only 0 present.");
-		var n = new CY(t, sY.getInstance(), this);
-		wY.set(this, n);
+		var n = new MY(t, gY.getInstance(), this);
+		NY.set(this, n);
 	}
 	return e;
 }();
@@ -40555,27 +40642,27 @@ var xY = function() {
 	"unobserve",
 	"disconnect"
 ].forEach(function(e) {
-	TY.prototype[e] = function() {
+	PY.prototype[e] = function() {
 		var t;
-		return (t = wY.get(this))[e].apply(t, arguments);
+		return (t = NY.get(this))[e].apply(t, arguments);
 	};
 });
-var EY = (function() {
-	return eY.ResizeObserver === void 0 ? TY : eY.ResizeObserver;
-})(), DY = [
+var FY = (function() {
+	return lY.ResizeObserver === void 0 ? PY : lY.ResizeObserver;
+})(), IY = [
 	"client",
 	"offset",
 	"scroll",
 	"bounds",
 	"margin"
 ];
-function OY(e) {
+function LY(e) {
 	var t = [];
-	return DY.forEach(function(n) {
+	return IY.forEach(function(n) {
 		e[n] && t.push(n);
 	}), t;
 }
-function kY(e, t) {
+function RY(e, t) {
 	var n = {};
 	if (t.indexOf("client") > -1 && (n.client = {
 		top: e.clientTop,
@@ -40614,14 +40701,14 @@ function kY(e, t) {
 	}
 	return n;
 }
-function AY(e) {
+function zY(e) {
 	return e && e.ownerDocument && e.ownerDocument.defaultView || window;
 }
-function jY(e) {
+function BY(e) {
 	return function(t) {
 		var n, r;
 		return r = n = /*#__PURE__*/ function(n) {
-			ZJ(r, n);
+			oY(r, n);
 			function r() {
 				var t, r = [...arguments];
 				return t = n.call.apply(n, [this].concat(r)) || this, t.state = { contentRect: {
@@ -40632,24 +40719,24 @@ function jY(e) {
 					bounds: {},
 					margin: {}
 				} }, t._animationFrameID = null, t._resizeObserver = null, t._node = null, t._window = null, t.measure = function(n) {
-					var r = kY(t._node, e || OY(t.props));
+					var r = RY(t._node, e || LY(t.props));
 					n && (r.entry = n[0].contentRect), t._animationFrameID = t._window.requestAnimationFrame(function() {
 						t._resizeObserver !== null && (t.setState({ contentRect: r }), typeof t.props.onResize == "function" && t.props.onResize(r));
 					});
 				}, t._handleRef = function(e) {
-					t._resizeObserver !== null && t._node !== null && t._resizeObserver.unobserve(t._node), t._node = e, t._window = AY(t._node);
+					t._resizeObserver !== null && t._node !== null && t._resizeObserver.unobserve(t._node), t._node = e, t._window = zY(t._node);
 					var n = t.props.innerRef;
 					n && (typeof n == "function" ? n(t._node) : n.current = t._node), t._resizeObserver !== null && t._node !== null && t._resizeObserver.observe(t._node);
 				}, t;
 			}
 			var i = r.prototype;
 			return i.componentDidMount = function() {
-				this._resizeObserver = this._window !== null && this._window.ResizeObserver ? new this._window.ResizeObserver(this.measure) : new EY(this.measure), this._node !== null && (this._resizeObserver.observe(this._node), typeof this.props.onResize == "function" && this.props.onResize(kY(this._node, e || OY(this.props))));
+				this._resizeObserver = this._window !== null && this._window.ResizeObserver ? new this._window.ResizeObserver(this.measure) : new FY(this.measure), this._node !== null && (this._resizeObserver.observe(this._node), typeof this.props.onResize == "function" && this.props.onResize(RY(this._node, e || LY(this.props))));
 			}, i.componentWillUnmount = function() {
 				this._window !== null && this._window.cancelAnimationFrame(this._animationFrameID), this._resizeObserver !== null && (this._resizeObserver.disconnect(), this._resizeObserver = null);
 			}, i.render = function() {
 				var e = this.props;
-				return e.innerRef, e.onResize, ct(t, JJ({}, YJ(e, ["innerRef", "onResize"]), {
+				return e.innerRef, e.onResize, ct(t, rY({}, iY(e, ["innerRef", "onResize"]), {
 					measureRef: this._handleRef,
 					measure: this.measure,
 					contentRect: this.state.contentRect
@@ -40666,7 +40753,7 @@ function jY(e) {
 		}, r;
 	};
 }
-var MY = jY()(function(e) {
+var VY = BY()(function(e) {
 	var t = e.measure, n = e.measureRef, r = e.contentRect, i = e.children;
 	return i({
 		measure: t,
@@ -40674,10 +40761,10 @@ var MY = jY()(function(e) {
 		contentRect: r
 	});
 });
-MY.displayName = "Measure", MY.propTypes.children = N.default.func;
+VY.displayName = "Measure", VY.propTypes.children = N.default.func;
 //#endregion
 //#region ../../lib-react/config-ui/dist/layout/settings-box.js
-var NY = S("div")(() => ({
+var HY = S("div")(() => ({
 	backgroundColor: i.white(),
 	border: `2px solid ${i.border()}`,
 	display: "flex",
@@ -40687,7 +40774,7 @@ var NY = S("div")(() => ({
 	maxWidth: "300px",
 	padding: "20px 4px 4px 20px",
 	zIndex: 99
-})), PY = class extends at.Component {
+})), UY = class extends at.Component {
 	static propTypes = {
 		className: N.default.string,
 		children: N.default.oneOfType([N.default.arrayOf(N.default.node), N.default.node]).isRequired
@@ -40695,19 +40782,19 @@ var NY = S("div")(() => ({
 	static defaultProps = {};
 	render() {
 		let { className: e, children: t } = this.props;
-		return /* @__PURE__ */ j(NY, {
+		return /* @__PURE__ */ j(HY, {
 			className: e,
 			children: t
 		});
 	}
-}, FY = ye({
+}, WY = ye({
 	typography: { fontFamily: "inherit" },
 	components: { MuiButton: { styleOverrides: { contained: {
 		backgroundColor: "#e0e0e0",
 		color: "#000000",
 		"&:hover": { backgroundColor: "#bdbdbd" }
 	} } } }
-}), IY = class extends at.Component {
+}), GY = class extends at.Component {
 	static propTypes = {
 		children: N.default.oneOfType([
 			N.default.string,
@@ -40740,19 +40827,19 @@ var NY = S("div")(() => ({
 		return /* @__PURE__ */ j(de, {
 			injectFirst: !0,
 			children: /* @__PURE__ */ j(be, {
-				theme: FY,
-				children: /* @__PURE__ */ j(MY, {
+				theme: WY,
+				children: /* @__PURE__ */ j(VY, {
 					bounds: !0,
 					onResize: this.onResize,
 					children: ({ measureRef: e }) => {
-						let { children: t, settings: n, hideSettings: r, dimensions: i, extraCSSRules: a } = this.props, { layoutMode: o } = this.state, s = r ? null : o === "inline" ? /* @__PURE__ */ j(PY, {
+						let { children: t, settings: n, hideSettings: r, dimensions: i, extraCSSRules: a } = this.props, { layoutMode: o } = this.state, s = r ? null : o === "inline" ? /* @__PURE__ */ j(UY, {
 							className: "settings-box",
 							children: n
 						}) : n;
 						return /* @__PURE__ */ M("div", {
 							ref: e,
 							className: "main-container extraCSSRules",
-							children: [a?.rules ? /* @__PURE__ */ j("style", { dangerouslySetInnerHTML: { __html: `.extraCSSRules { ${a.rules} }` } }) : null, /* @__PURE__ */ j(qJ, {
+							children: [a?.rules ? /* @__PURE__ */ j("style", { dangerouslySetInnerHTML: { __html: `.extraCSSRules { ${a.rules} }` } }) : null, /* @__PURE__ */ j(nY, {
 								mode: o,
 								secondary: s,
 								dimensions: i,
@@ -40764,27 +40851,27 @@ var NY = S("div")(() => ({
 			})
 		});
 	}
-}, LY = jY("bounds")(IY), RY = /* @__PURE__ */ VJ({
-	ConfigLayout: () => LY,
-	LayoutContents: () => qJ
-}), zY = S("div")(() => ({
+}, KY = BY("bounds")(GY), qY = /* @__PURE__ */ XJ({
+	ConfigLayout: () => KY,
+	LayoutContents: () => nY
+}), JY = S("div")(() => ({
 	display: "flex",
 	width: "100%",
 	justifyContent: "space-between"
-})), BY = S(ue)(({ theme: e }) => ({
+})), YY = S(ue)(({ theme: e }) => ({
 	color: "rgba(0, 0, 0, 0.89)",
 	fontSize: e.typography.fontSize,
 	paddingTop: e.spacing(2)
-})), VY = S(As)(({ checked: e }) => ({
+})), XY = S(As)(({ checked: e }) => ({
 	"&.Mui-checked .MuiSwitch-thumb": { color: `${i.tertiary()} !important` },
 	"&.Mui-checked .MuiSwitch-track": { backgroundColor: `${i.tertiaryLight()} !important` },
 	"& .MuiSwitch-track": { backgroundColor: e ? `${i.tertiaryLight()} !important` : void 0 }
-})), HY = ({ checked: e, disabled: t, label: n, toggle: r }) => /* @__PURE__ */ M(zY, { children: [/* @__PURE__ */ j(BY, { children: n }), /* @__PURE__ */ j(VY, {
+})), ZY = ({ checked: e, disabled: t, label: n, toggle: r }) => /* @__PURE__ */ M(JY, { children: [/* @__PURE__ */ j(YY, { children: n }), /* @__PURE__ */ j(XY, {
 	checked: e,
 	disabled: t,
 	onChange: (e) => r(e.target.checked)
 })] });
-HY.propTypes = {
+ZY.propTypes = {
 	checked: N.default.bool,
 	disabled: N.default.bool,
 	label: N.default.string.isRequired,
@@ -40792,20 +40879,20 @@ HY.propTypes = {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/settings/settings-radio-label.js
-var UY = S(Ca)(({ theme: e }) => ({ "& .MuiFormControlLabel-label": {
+var QY = S(Ca)(({ theme: e }) => ({ "& .MuiFormControlLabel-label": {
 	color: "rgba(0, 0, 0, 0.89)",
 	fontSize: e.typography.fontSize - 2,
 	left: "-5px",
 	position: "relative"
-} })), WY = S(Ss)(() => ({ color: `${i.tertiary()} !important` })), GY = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ j(UY, {
+} })), $Y = S(Ss)(() => ({ color: `${i.tertiary()} !important` })), eX = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ j(QY, {
 	value: t,
-	control: /* @__PURE__ */ j(WY, {
+	control: /* @__PURE__ */ j($Y, {
 		checked: n,
 		onChange: r
 	}),
 	label: e
 });
-GY.propTypes = {
+eX.propTypes = {
 	label: N.default.string,
 	value: N.default.string,
 	checked: N.default.bool,
@@ -40813,26 +40900,26 @@ GY.propTypes = {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/settings/panel.js
-var KY = (0, Is.default)("pie-lib:config-ui:settings:panel"), qY = {
+var tX = (0, Is.default)("pie-lib:config-ui:settings:panel"), nX = {
 	label: N.default.string,
 	value: N.default.string
-}, JY = {
+}, rX = {
 	label: N.default.string,
 	value: N.default.string,
 	onChange: N.default.func
-}, YY = ({ label: e, value: t, onChange: n }) => /* @__PURE__ */ j(EJ, {
+}, iX = ({ label: e, value: t, onChange: n }) => /* @__PURE__ */ j(FJ, {
 	checked: t,
 	label: e,
 	onChange: (e) => {
 		n(e.target.checked);
 	}
 });
-YY.propTypes = {
+iX.propTypes = {
 	label: N.default.string,
 	value: N.default.bool,
 	onChange: N.default.func
 };
-var XY = S(RJ)(({ theme: e }) => ({
+var aX = S(qJ)(({ theme: e }) => ({
 	marginTop: e.spacing(.5),
 	paddingBottom: e.spacing(.5),
 	width: "100%",
@@ -40843,29 +40930,29 @@ var XY = S(RJ)(({ theme: e }) => ({
 		marginTop: e.spacing(2.5)
 	},
 	"& > div": { marginTop: e.spacing(2.5) }
-})), ZY = ({ label: e, value: t, onChange: n, choices: r }) => /* @__PURE__ */ j(XY, {
+})), oX = ({ label: e, value: t, onChange: n, choices: r }) => /* @__PURE__ */ j(aX, {
 	direction: "horizontal",
-	customLabel: GY,
+	customLabel: eX,
 	value: t,
 	header: e,
 	opts: r,
 	onChange: n
 });
-ZY.propTypes = {
-	...JY,
-	choices: N.default.arrayOf(N.default.shape(qY))
+oX.propTypes = {
+	...rX,
+	choices: N.default.arrayOf(N.default.shape(nX))
 };
-var QY = ZY, $Y = S("p")(({ theme: e }) => ({
+var sX = oX, cX = S("p")(({ theme: e }) => ({
 	margin: 0,
 	fontSize: e.typography.fontSize
-})), eX = S(es)(({ theme: e }) => ({
+})), lX = S(es)(({ theme: e }) => ({
 	marginTop: e.spacing(.5),
 	border: "2px solid lightgrey",
 	padding: `0 ${e.spacing(1)}`,
 	borderRadius: "4px"
-})), tX = ({ label: e, value: t, onChange: n, choices: r = [] }) => {
+})), uX = ({ label: e, value: t, onChange: n, choices: r = [] }) => {
 	let i = (e) => typeof e == "string" ? e : e.label, a = (e) => typeof e == "string" ? e : e.value;
-	return /* @__PURE__ */ M("div", { children: [e && /* @__PURE__ */ j($Y, { children: e }), /* @__PURE__ */ j(eX, {
+	return /* @__PURE__ */ M("div", { children: [e && /* @__PURE__ */ j(cX, { children: e }), /* @__PURE__ */ j(lX, {
 		value: t || r && r[0],
 		onChange: ({ target: e }) => n(e.value),
 		input: /* @__PURE__ */ j(Na, { id: `dropdown-${e}` }),
@@ -40880,14 +40967,14 @@ var QY = ZY, $Y = S("p")(({ theme: e }) => ({
 		}, t))
 	})] });
 };
-tX.propTypes = {
-	...JY,
+uX.propTypes = {
+	...rX,
 	choices: N.default.arrayOf(N.default.string)
 };
-var nX = S(Xt)(({ theme: e }) => ({
+var dX = S(Xt)(({ theme: e }) => ({
 	marginRight: e.spacing(3),
 	marginTop: e.spacing(1)
-})), rX = ({ label: e }) => /* @__PURE__ */ j(nX, { children: e }), iX = S(AJ)(({ theme: e }) => ({
+})), fX = ({ label: e }) => /* @__PURE__ */ j(dX, { children: e }), pX = S(zJ)(({ theme: e }) => ({
 	width: "35%",
 	marginRight: e.spacing(3),
 	marginTop: e.spacing(1),
@@ -40898,7 +40985,7 @@ var nX = S(Xt)(({ theme: e }) => ({
 		padding: `0 ${e.spacing(1)}`,
 		backgroundColor: "transparent"
 	}
-})), aX = ({ label: e, value: t, onChange: n = () => {}, suffix: r, min: i, max: a }) => /* @__PURE__ */ j(iX, {
+})), mX = ({ label: e, value: t, onChange: n = () => {}, suffix: r, min: i, max: a }) => /* @__PURE__ */ j(pX, {
 	variant: "standard",
 	label: e || "Label",
 	value: t,
@@ -40909,45 +40996,45 @@ var nX = S(Xt)(({ theme: e }) => ({
 	showErrorWhenOutsideRange: !0,
 	disableUnderline: !0
 });
-aX.propTypes = {
-	...JY,
+mX.propTypes = {
+	...rX,
 	suffix: N.default.string,
 	min: N.default.number,
 	max: N.default.number,
 	value: N.default.number
-}, rX.propTypes = { ...JY };
-var oX = ({ disabled: e, label: t, value: n, onChange: r }) => /* @__PURE__ */ j(HY, {
+}, fX.propTypes = { ...rX };
+var hX = ({ disabled: e, label: t, value: n, onChange: r }) => /* @__PURE__ */ j(ZY, {
 	label: t,
 	checked: !!n,
 	disabled: !!e,
 	toggle: r
 });
-oX.propTypes = {
-	...JY,
+hX.propTypes = {
+	...rX,
 	value: N.default.bool
 };
-var sX = {
-	toggle: oX,
-	radio: QY,
-	dropdown: tX,
-	numberField: aX,
-	checkbox: YY,
-	textField: rX
-}, cX = S("div")(({ theme: e }) => ({ margin: `0 0 ${e.spacing(2)} 0` })), lX = S("div")(({ theme: e }) => ({
+var gX = {
+	toggle: hX,
+	radio: sX,
+	dropdown: uX,
+	numberField: mX,
+	checkbox: iX,
+	textField: fX
+}, _X = S("div")(({ theme: e }) => ({ margin: `0 0 ${e.spacing(2)} 0` })), vX = S("div")(({ theme: e }) => ({
 	color: "#495B8F",
 	fontSize: e.typography.fontSize + 2,
 	fontWeight: 600,
 	marginBottom: e.spacing(1)
-})), uX = S("p")(({ theme: e }) => ({
+})), yX = S("p")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize,
 	marginBottom: 0
-})), dX = (e) => {
+})), bX = (e) => {
 	let { model: t, label: n, group: r, configuration: i, onChange: a } = e, o = (e, n, r) => {
 		let { isConfigProperty: o, ...s } = it(e, r || n), c = it(o ? i : t, n), l = {
 			...s,
 			key: n,
 			value: c
-		}, u = sX[l.type];
+		}, u = gX[l.type];
 		return /* @__PURE__ */ j(u, {
 			...l,
 			onChange: (e) => a(n, e, o)
@@ -40956,18 +41043,18 @@ var sX = {
 		let n = e[t];
 		if (!n) return null;
 		let { type: r, label: i, fields: a, choices: s } = n;
-		return r === "numberFields" ? /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j(uX, { children: i }), Object.keys(a).map((n) => o(e, `${t}.${n}`, `${t}.fields.${n}`))] }, `numberField-${i}`) : r === "checkboxes" ? /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", { children: i }), Object.keys(s).map((n) => o(e, `${t}.${n}`, `${t}.choices.${n}`))] }, `checkbox-${i}`) : o(e, t);
+		return r === "numberFields" ? /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j(yX, { children: i }), Object.keys(a).map((n) => o(e, `${t}.${n}`, `${t}.fields.${n}`))] }, `numberField-${i}`) : r === "checkboxes" ? /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", { children: i }), Object.keys(s).map((n) => o(e, `${t}.${n}`, `${t}.choices.${n}`))] }, `checkbox-${i}`) : o(e, t);
 	};
-	return /* @__PURE__ */ M(cX, { children: [/* @__PURE__ */ j(lX, { children: n }), Object.keys(r).map((e) => s(r, e))] });
+	return /* @__PURE__ */ M(_X, { children: [/* @__PURE__ */ j(vX, { children: n }), Object.keys(r).map((e) => s(r, e))] });
 };
-dX.propTypes = {
+bX.propTypes = {
 	model: N.default.object,
 	label: N.default.string,
 	group: N.default.object,
 	configuration: N.default.object,
 	onChange: N.default.func
 };
-var fX = class extends at.Component {
+var xX = class extends at.Component {
 	static propTypes = {
 		model: N.default.object,
 		configuration: N.default.object,
@@ -40981,13 +41068,13 @@ var fX = class extends at.Component {
 		onChangeConfiguration: () => {}
 	};
 	change = (e, t, n = !1) => {
-		KY("[changeModel]", e, t);
+		tX("[changeModel]", e, t);
 		let { onChangeModel: r, onChangeConfiguration: i } = this.props, a = { ...this.props.model }, o = { ...this.props.configuration };
 		n ? ($e(o, e, t), i(o, e)) : ($e(a, e, t), r(a, e));
 	};
 	render() {
 		let { groups: e, model: t, configuration: n, modal: r } = this.props;
-		return KY("render:", t), /* @__PURE__ */ M("div", { children: [Object.keys(e || {}).map((r) => Object.entries(e[r]).some(([, e]) => !!e) ? /* @__PURE__ */ j(dX, {
+		return tX("render:", t), /* @__PURE__ */ M("div", { children: [Object.keys(e || {}).map((r) => Object.entries(e[r]).some(([, e]) => !!e) ? /* @__PURE__ */ j(bX, {
 			label: r,
 			model: t,
 			configuration: n,
@@ -40995,59 +41082,59 @@ var fX = class extends at.Component {
 			onChange: this.change
 		}, r) : null), r] });
 	}
-}, pX = /* @__PURE__ */ VJ({
-	Panel: () => fX,
-	checkbox: () => xX,
-	checkboxes: () => SX,
-	dropdown: () => vX,
-	numberField: () => yX,
-	numberFields: () => bX,
-	radio: () => _X,
-	textField: () => mX,
-	toggle: () => hX
-}), mX = (e, t = !0) => ({
+}, SX = /* @__PURE__ */ XJ({
+	Panel: () => xX,
+	checkbox: () => AX,
+	checkboxes: () => jX,
+	dropdown: () => DX,
+	numberField: () => OX,
+	numberFields: () => kX,
+	radio: () => EX,
+	textField: () => CX,
+	toggle: () => wX
+}), CX = (e, t = !0) => ({
 	label: e,
 	type: "textField",
 	isConfigProperty: t
-}), hX = (e, t = !1, n = !1) => ({
+}), wX = (e, t = !1, n = !1) => ({
 	type: "toggle",
 	label: e,
 	isConfigProperty: t,
 	disabled: n
-}), gX = (e) => typeof e == "string" ? {
+}), TX = (e) => typeof e == "string" ? {
 	label: e,
 	value: e
-} : e, _X = function() {
+} : e, EX = function() {
 	let [e, t, n = !1] = Array.prototype.slice.call(arguments);
 	return {
 		type: "radio",
 		label: e,
-		choices: t && t.map((e) => gX(e)),
+		choices: t && t.map((e) => TX(e)),
 		isConfigProperty: n
 	};
-}, vX = (e, t, n = !1) => ({
+}, DX = (e, t, n = !1) => ({
 	type: "dropdown",
 	label: e,
 	choices: t,
 	isConfigProperty: n
-}), yX = (e, t, n = !1) => ({
+}), OX = (e, t, n = !1) => ({
 	...t,
 	label: e,
 	type: "numberField",
 	isConfigProperty: n
-}), bX = (e, t, n = !1) => (Object.keys(t).map((e) => {
-	t[e] = yX(t[e].label, t[e], n);
+}), kX = (e, t, n = !1) => (Object.keys(t).map((e) => {
+	t[e] = OX(t[e].label, t[e], n);
 }), {
 	type: "numberFields",
 	label: e,
 	fields: t
-}), xX = (e, t, n = !1) => ({
+}), AX = (e, t, n = !1) => ({
 	...t,
 	label: e,
 	type: "checkbox",
 	isConfigProperty: n
-}), SX = (e, t, n = !1) => (Object.keys(t).map((e) => {
-	t[e] = xX(t[e].label, t[e], n);
+}), jX = (e, t, n = !1) => (Object.keys(t).map((e) => {
+	t[e] = AX(t[e].label, t[e], n);
 }), {
 	type: "checkboxes",
 	label: e,
@@ -41055,17 +41142,17 @@ var fX = class extends at.Component {
 });
 //#endregion
 //#region ../../lib-react/config-ui/dist/index.js
-function CX(e) {
+function MX(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function wX(e, t) {
-	return !e || CX(e) ? e : CX(e.default) ? e.default : t && CX(e[t]) ? e[t] : t && CX(e[t]?.default) ? e[t].default : e;
+function NX(e, t) {
+	return !e || MX(e) ? e : MX(e.default) ? e.default : t && MX(e[t]) ? e[t] : t && MX(e[t]?.default) ? e[t].default : e;
 }
-var TX = wX(le, "InputContainer") || wX(OX.InputContainer, "InputContainer"), EX = Fe, DX = EX.default, OX = DX && typeof DX == "object" ? DX : EX, kX = g(/*#__PURE__*/ j("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m5 11H7v-2h10z" }), "RemoveCircle"), AX = g(/*#__PURE__*/ j("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m5 11h-4v4h-2v-4H7v-2h4V7h2v4h4z" }), "AddCircle"), jX = S(({ label: e, type: t = "add", onClick: n }) => /* @__PURE__ */ M(ae, {
+var PX = NX(le, "InputContainer") || NX(LX.InputContainer, "InputContainer"), FX = Fe, IX = FX.default, LX = IX && typeof IX == "object" ? IX : FX, RX = g(/*#__PURE__*/ j("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m5 11H7v-2h10z" }), "RemoveCircle"), zX = g(/*#__PURE__*/ j("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m5 11h-4v4h-2v-4H7v-2h4V7h2v4h4z" }), "AddCircle"), BX = S(({ label: e, type: t = "add", onClick: n }) => /* @__PURE__ */ M(ae, {
 	color: "primary",
 	size: "small",
 	onClick: n,
-	children: [/* @__PURE__ */ j(t === "add" ? AX : kX, {
+	children: [/* @__PURE__ */ j(t === "add" ? zX : RX, {
 		fontSize: "small",
 		color: "primary",
 		style: { marginRight: 4 }
@@ -41078,7 +41165,7 @@ var TX = wX(le, "InputContainer") || wX(OX.InputContainer, "InputContainer"), EX
 	},
 	display: "flex",
 	alignItems: "center"
-}), MX = ({ content: e, cancel: t, title: n, ok: r, open: i, onOk: a, onCancel: o }) => /* @__PURE__ */ M(Yi, {
+}), VX = ({ content: e, cancel: t, title: n, ok: r, open: i, onOk: a, onCancel: o }) => /* @__PURE__ */ M(Yi, {
 	open: i,
 	children: [
 		/* @__PURE__ */ j(fa, { children: n }),
@@ -41094,7 +41181,7 @@ var TX = wX(le, "InputContainer") || wX(OX.InputContainer, "InputContainer"), EX
 		})] })
 	]
 });
-MX.propTypes = {
+VX.propTypes = {
 	content: N.default.string.isRequired,
 	title: N.default.string.isRequired,
 	cancel: N.default.string.isRequired,
@@ -41105,15 +41192,15 @@ MX.propTypes = {
 };
 //#endregion
 //#region src/author/passage.tsx
-var NX = S(TX)(({ theme: e }) => ({
+var HX = S(PX)(({ theme: e }) => ({
 	paddingTop: e.spacing(2),
 	marginBottom: e.spacing(2),
 	width: "100%"
-})), PX = S("div")(({ theme: e }) => ({
+})), UX = S("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(1)
-})), FX = class extends at.Component {
+})), WX = class extends at.Component {
 	static propTypes = {
 		onModelChanged: N.default.func.isRequired,
 		model: N.default.object.isRequired,
@@ -41149,9 +41236,9 @@ var NX = S(TX)(({ theme: e }) => ({
 			"numbered-list"
 		].includes(e));
 		return /* @__PURE__ */ M(at.Fragment, { children: [
-			g && /* @__PURE__ */ M(NX, {
+			g && /* @__PURE__ */ M(HX, {
 				label: l.label,
-				children: [/* @__PURE__ */ j(xJ, {
+				children: [/* @__PURE__ */ j(AJ, {
 					activePlugins: Vs,
 					markup: h[r].teacherInstructions || "",
 					onChange: (e) => this.handleChange("teacherInstructions", e),
@@ -41162,11 +41249,11 @@ var NX = S(TX)(({ theme: e }) => ({
 					mathMlOptions: s,
 					languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 					pluginProps: ne(l?.inputConfiguration)
-				}), S && /* @__PURE__ */ j(PX, { children: S })]
+				}), S && /* @__PURE__ */ j(UX, { children: S })]
 			}),
-			_ && /* @__PURE__ */ M(NX, {
+			_ && /* @__PURE__ */ M(HX, {
 				label: u.label,
-				children: [/* @__PURE__ */ j(xJ, {
+				children: [/* @__PURE__ */ j(AJ, {
 					activePlugins: re,
 					markup: h[r].title || "",
 					onChange: (e) => this.handleChange("title", e),
@@ -41175,11 +41262,11 @@ var NX = S(TX)(({ theme: e }) => ({
 					mathMlOptions: s,
 					languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 					pluginProps: ne(u?.inputConfiguration)
-				}), C && /* @__PURE__ */ j(PX, { children: C })]
+				}), C && /* @__PURE__ */ j(UX, { children: C })]
 			}),
-			v && /* @__PURE__ */ M(NX, {
+			v && /* @__PURE__ */ M(HX, {
 				label: d.label,
-				children: [/* @__PURE__ */ j(xJ, {
+				children: [/* @__PURE__ */ j(AJ, {
 					activePlugins: re,
 					markup: h[r].subtitle || "",
 					onChange: (e) => this.handleChange("subtitle", e),
@@ -41188,11 +41275,11 @@ var NX = S(TX)(({ theme: e }) => ({
 					mathMlOptions: s,
 					languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 					pluginProps: ne(d?.inputConfiguration)
-				}), w && /* @__PURE__ */ j(PX, { children: w })]
+				}), w && /* @__PURE__ */ j(UX, { children: w })]
 			}),
-			y && /* @__PURE__ */ M(NX, {
+			y && /* @__PURE__ */ M(HX, {
 				label: p.label,
-				children: [/* @__PURE__ */ j(xJ, {
+				children: [/* @__PURE__ */ j(AJ, {
 					activePlugins: re,
 					markup: h[r].author || "",
 					onChange: (e) => this.handleChange("author", e),
@@ -41201,11 +41288,11 @@ var NX = S(TX)(({ theme: e }) => ({
 					mathMlOptions: s,
 					languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 					pluginProps: ne(p?.inputConfiguration)
-				}), T && /* @__PURE__ */ j(PX, { children: T })]
+				}), T && /* @__PURE__ */ j(UX, { children: T })]
 			}),
-			b && /* @__PURE__ */ M(NX, {
+			b && /* @__PURE__ */ M(HX, {
 				label: f.label,
-				children: [/* @__PURE__ */ j(xJ, {
+				children: [/* @__PURE__ */ j(AJ, {
 					activePlugins: Vs,
 					markup: h[r].text || "",
 					onChange: (e) => this.handleChange("text", e),
@@ -41218,14 +41305,14 @@ var NX = S(TX)(({ theme: e }) => ({
 					mathMlOptions: s,
 					languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 					pluginProps: ne(f?.inputConfiguration)
-				}), E && /* @__PURE__ */ j(PX, { children: E })]
+				}), E && /* @__PURE__ */ j(UX, { children: E })]
 			})
 		] });
 	}
-}, { Panel: IX, toggle: LX, dropdown: RX } = pX, zX = S(Xt)(({ theme: e }) => ({
+}, { Panel: GX, toggle: KX, dropdown: qX } = SX, JX = S(Xt)(({ theme: e }) => ({
 	paddingTop: e.spacing(2),
 	marginBottom: e.spacing(2)
-})), BX = class extends at.Component {
+})), YX = class extends at.Component {
 	static propTypes = {
 		onModelChanged: N.default.func.isRequired,
 		onConfigurationChanged: N.default.func,
@@ -41274,20 +41361,20 @@ var NX = S(TX)(({ theme: e }) => ({
 	};
 	render() {
 		let { model: e, configuration: t, imageSupport: n, onConfigurationChanged: r, onModelChanged: i, uploadSoundSupport: a } = this.props, { settingsPanelDisabled: o, language: s = {}, languageChoices: c = {}, teacherInstructions: l = {}, title: u = {}, subtitle: d = {}, text: f = {}, author: p = {}, additionalPassage: m = {} } = t || {}, { extraCSSRules: h, passages: g } = e || {}, _ = {
-			titleEnabled: u && u.settings && LX(u.label),
-			subtitleEnabled: d && d.settings && LX(d.label),
-			authorEnabled: p && p.settings && LX(p.label),
-			textEnabled: f && f.settings && LX(f.label),
-			"additionalPassage.enabled": m && m.settings && LX(m.label, !0)
+			titleEnabled: u && u.settings && KX(u.label),
+			subtitleEnabled: d && d.settings && KX(d.label),
+			authorEnabled: p && p.settings && KX(p.label),
+			textEnabled: f && f.settings && KX(f.label),
+			"additionalPassage.enabled": m && m.settings && KX(m.label, !0)
 		}, v = {
-			teacherInstructionsEnabled: l && l.settings && LX(l.label),
-			"language.enabled": s && s.settings && LX(s.label, !0),
-			language: s && s.settings && s.enabled && RX(c.label, c.options)
+			teacherInstructionsEnabled: l && l.settings && KX(l.label),
+			"language.enabled": s && s.settings && KX(s.label, !0),
+			language: s && s.settings && s.enabled && qX(c.label, c.options)
 		}, y = `${m.label} will be deleted`, { indexToRemove: b, showConfirmationDialog: x } = this.state;
-		return /* @__PURE__ */ M(RY.ConfigLayout, {
+		return /* @__PURE__ */ M(qY.ConfigLayout, {
 			extraCSSRules: h,
 			hideSettings: o,
-			settings: /* @__PURE__ */ j(IX, {
+			settings: /* @__PURE__ */ j(GX, {
 				model: e,
 				configuration: t,
 				onChangeModel: (e) => i(e),
@@ -41298,11 +41385,11 @@ var NX = S(TX)(({ theme: e }) => ({
 				}
 			}),
 			children: [g.map((r, o) => /* @__PURE__ */ M(at.Fragment, { children: [
-				o > 0 && /* @__PURE__ */ j(zX, {
+				o > 0 && /* @__PURE__ */ j(JX, {
 					variant: "h5",
 					children: m.label
 				}),
-				/* @__PURE__ */ j(FX, {
+				/* @__PURE__ */ j(WX, {
 					imageSupport: n,
 					uploadSoundSupport: a,
 					model: e,
@@ -41310,16 +41397,16 @@ var NX = S(TX)(({ theme: e }) => ({
 					passageIndex: o,
 					onModelChanged: i
 				}),
-				o > 0 && m.enabled && /* @__PURE__ */ j(jX, {
+				o > 0 && m.enabled && /* @__PURE__ */ j(BX, {
 					type: "remove",
 					label: `Remove ${m.label}`,
 					onClick: () => this.removeAdditionalPassage(o)
 				}),
-				o === 0 && m.enabled && g.length < 2 && /* @__PURE__ */ j(jX, {
+				o === 0 && m.enabled && g.length < 2 && /* @__PURE__ */ j(BX, {
 					label: `Add ${m.label}`,
 					onClick: this.addAdditionalPassage
 				})
-			] }, o)), /* @__PURE__ */ j(MX, {
+			] }, o)), /* @__PURE__ */ j(VX, {
 				open: x,
 				title: "Warning",
 				content: y,
@@ -41330,7 +41417,7 @@ var NX = S(TX)(({ theme: e }) => ({
 			})]
 		});
 	}
-}, VX = {
+}, XX = {
 	model: {
 		authorEnabled: !0,
 		passages: [{
@@ -41439,13 +41526,13 @@ var NX = S(TX)(({ theme: e }) => ({
 			enabled: !1
 		}
 	}
-}, HX = class e extends HTMLElement {
+}, ZX = class e extends HTMLElement {
 	static createDefaultModel = (e = {}) => ({
-		...VX.model,
+		...XX.model,
 		...e
 	});
 	constructor() {
-		super(), this._root = null, this._model = e.createDefaultModel(), this._configuration = VX.configuration;
+		super(), this._root = null, this._model = e.createDefaultModel(), this._configuration = XX.configuration;
 	}
 	set model(t) {
 		this._model = e.createDefaultModel(t), this.render();
@@ -41476,7 +41563,7 @@ var NX = S(TX)(({ theme: e }) => ({
 	}
 	render() {
 		if (this._model) {
-			let e = at.createElement(BX, {
+			let e = at.createElement(YX, {
 				model: this._model,
 				configuration: this._configuration,
 				onModelChanged: this.modelChanged.bind(this),
@@ -41498,6 +41585,6 @@ var NX = S(TX)(({ theme: e }) => ({
 	}
 };
 //#endregion
-export { HX as default };
+export { ZX as default };
 
 //# sourceMappingURL=index.js.map