@pie-element/multi-trait-rubric 8.1.2-next.7 → 8.1.2-next.8

package/dist/browser/author/index.js

@@ -41004,8 +41004,8 @@ px.create({
 		})) ?? null };
 	}
 });
-var zY = "placeholder", BY = new bd("tiptap__placeholder"), VY = 200;
-function HY(e) {
+var zY = "placeholder", BY = new bd("tiptap__placeholder");
+function VY(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), g_.node(i, i + a.nodeSize, {
 		class: u.join(" "),
@@ -41017,156 +41017,198 @@ function HY(e) {
 		}) : n
 	});
 }
-function UY({ editor: e, options: t, dataAttribute: n, doc: r, selection: i }) {
+function HY(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+function UY({ 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 && xb(r);
+		return r.type.isTextblock && (a || !t.showOnlyCurrent) && o && c.push(VY({
+			editor: e,
+			isEmptyDoc: l,
+			dataAttribute: n,
+			hasAnchor: a,
+			placeholder: t.placeholder,
+			classes: {
+				emptyEditor: t.emptyEditorClass,
+				emptyNode: HY(t.emptyNodeClass, {
+					editor: e,
+					node: r,
+					pos: i,
+					hasAnchor: a
+				})
+			},
+			node: r,
+			pos: i
+		})), t.includeChildren;
+	}), c;
+}
+function WY({ 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 && xb(l)) {
-			let r = a >= u && a <= u + l.nodeSize;
-			o.push(HY({
+		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 && xb(c)) {
+			let r = a >= l && a <= l + c.nodeSize;
+			o.push(VY({
 				editor: e,
 				isEmptyDoc: s,
 				dataAttribute: n,
 				hasAnchor: r,
 				placeholder: t.placeholder,
-				classes: c,
-				node: l,
-				pos: u
+				classes: {
+					emptyEditor: t.emptyEditorClass,
+					emptyNode: HY(t.emptyNodeClass, {
+						editor: e,
+						node: c,
+						pos: l,
+						hasAnchor: r
+					})
+				},
+				node: c,
+				pos: l
 			}));
 		}
-	} else {
-		let i = BY.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 && xb(r);
-			return r.type.isTextblock && (l || !t.showOnlyCurrent) && u && o.push(HY({
-				editor: e,
-				isEmptyDoc: s,
-				dataAttribute: n,
-				hasAnchor: l,
-				placeholder: t.placeholder,
-				classes: c,
-				node: r,
-				pos: i
-			})), t.includeChildren;
-		});
-	}
+	} else o.push(...UY({
+		editor: e,
+		options: t,
+		dataAttribute: n,
+		doc: r,
+		selection: i,
+		from: 0,
+		to: r.content.size
+	}));
 	return y_.create(r, o);
 }
-function WY(e) {
-	return e.replace(/\s+/g, "-").replace(/[^a-zA-Z0-9-]/g, "").replace(/^[0-9-]+/, "").replace(/^-+/, "").toLowerCase();
+function GY(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 GY(e) {
-	let t = getComputedStyle(e), n = `${t.overflow} ${t.overflowY} ${t.overflowX}`;
-	return /auto|scroll|overlay/.test(n);
+function KY(e, t) {
+	return {
+		from: Math.max(0, t.from - 1),
+		to: Math.min(e.content.size, t.to - 1)
+	};
 }
-function KY(e) {
-	let t = e;
-	for (; t;) {
-		if (GY(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 qY(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 JY(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 qY(e) {
-	return e === window ? {
-		top: 0,
-		bottom: window.innerHeight
-	} : e.getBoundingClientRect();
+function YY(e, t) {
+	let n = qY(e, t.from, t.to);
+	return n.push(KY(e, GY(e, t.from))), t.to > t.from ? n.push(KY(e, GY(e, Math.min(t.to, e.content.size + 1) - 1))) : t.from < e.content.size + 1 && n.push(KY(e, GY(e, Math.min(t.from + 1, e.content.size)))), n;
 }
-function JY({ doc: e, view: t, scrollContainer: n }) {
-	let r = t.dom.getBoundingClientRect(), i = n ? qY(n) : {
-		top: 0,
-		bottom: window.innerHeight
-	}, a = Math.max(r.top, i.top) - VY, o = Math.min(r.bottom, i.bottom) + VY;
-	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 XY(e, t, n) {
+	let r = [];
+	if (e.docChanged) {
+		let t = ub(e);
+		for (let e of t) r.push(...YY(n.doc, e.newRange));
+	}
+	return e.selectionSet && (r.push(KY(n.doc, GY(n.doc, e.mapping.map(t.selection.anchor)))), r.push(KY(n.doc, GY(n.doc, n.selection.anchor)))), JY(r);
+}
+function ZY(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 YY = {
-	init() {
-		return {
-			topPos: null,
-			bottomPos: null
-		};
-	},
-	apply(e, t) {
-		let n = e.getMeta(BY);
-		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 QY({ 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 } = ZY(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 = UY({
+			editor: n,
+			options: r,
+			dataAttribute: i,
+			doc: a,
+			selection: o,
+			from: t,
+			to: c
+		});
+		u.length && (s = s.add(a, u));
 	}
-};
-function XY(e) {
-	let t = KY(e.dom), n = () => {
-		let n = JY({
-			view: e,
-			doc: e.state.doc,
-			scrollContainer: t
-		}), r = BY.getState(e.state);
-		if (r?.topPos === n.top && r?.bottomPos === n.bottom) return;
-		let i = e.state.tr.setMeta(BY, { 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 $Y({ editor: e, options: t, dataAttribute: n }) {
+	return {
+		init(r, i) {
+			return WY({
+				editor: e,
+				options: t,
+				dataAttribute: n,
+				doc: i.doc,
+				selection: i.selection
+			}) ?? y_.empty;
 		},
-		destroy: () => {
-			r !== null && cancelAnimationFrame(r), t.removeEventListener("scroll", a);
+		apply(r, i, a, o) {
+			return !r.docChanged && !r.selectionSet ? i : QY({
+				decorations: i.map(r.mapping, r.doc),
+				ranges: XY(r, a, o),
+				editor: e,
+				options: t,
+				dataAttribute: n,
+				doc: o.doc,
+				selection: o.selection
+			});
 		}
 	};
 }
-function ZY({ editor: e, options: t }) {
-	let n = t.dataAttribute ? `data-${WY(t.dataAttribute)}` : `data-${zY}`;
+function eX(e) {
+	return e.replace(/\s+/g, "-").replace(/[^a-zA-Z0-9-]/g, "").replace(/^[0-9-]+/, "").replace(/^-+/, "").toLowerCase();
+}
+function tX({ editor: e, options: t }) {
+	let n = t.dataAttribute ? `data-${eX(t.dataAttribute)}` : `data-${zY}`, r = t.showOnlyCurrent && !t.includeChildren;
 	return new _d({
 		key: BY,
-		state: YY,
-		view: XY,
-		props: { decorations: ({ doc: r, selection: i }) => UY({
+		...r ? {} : { state: $Y({
+			editor: e,
+			options: t,
+			dataAttribute: n
+		}) },
+		props: { decorations: r ? ({ doc: r, selection: i }) => WY({
 			editor: e,
 			options: t,
 			dataAttribute: n,
 			doc: r,
 			selection: i
-		}) }
+		}) : (n) => t.showOnlyWhenEditable && !e.isEditable ? y_.empty : BY.getState(n) ?? y_.empty }
 	});
 }
-var QY = px.create({
+var nX = px.create({
 	name: "placeholder",
 	addOptions() {
 		return {
@@ -41180,12 +41222,25 @@ var QY = px.create({
 		};
 	},
 	addProseMirrorPlugins() {
-		return [ZY({
+		return [tX({
 			editor: this.editor,
 			options: this.options
 		})];
 	}
 });
+function rX(e, t) {
+	return !e.selection.empty && !Sb(e.selection) && t.isEditable;
+}
+function iX(e, t) {
+	return rX(e, t) && !t.isFocused && !t.view.dragging;
+}
+function aX() {
+	var e;
+	(e = window.getSelection()) == null || e.removeAllRanges();
+}
+function oX(e) {
+	e.focus();
+}
 px.create({
 	name: "selection",
 	addOptions() {
@@ -41195,13 +41250,25 @@ px.create({
 		let { editor: e, options: t } = this;
 		return [new _d({
 			key: new bd("selection"),
-			props: { decorations(n) {
-				return n.selection.empty || e.isFocused || !e.isEditable || Sb(n.selection) || e.view.dragging ? null : y_.create(n.doc, [g_.inline(n.selection.from, n.selection.to, { class: t.className })]);
-			} }
+			props: {
+				decorations(n) {
+					return iX(n, e) ? y_.create(n.doc, [g_.inline(n.selection.from, n.selection.to, { class: t.className })]) : null;
+				},
+				handleDOMEvents: {
+					blur(t) {
+						return rX(t.state, e) && aX(), !1;
+					},
+					focus(t) {
+						return rX(t.state, e) && requestAnimationFrame(() => {
+							!e.isDestroyed && t.hasFocus() && oX(t);
+						}), !1;
+					}
+				}
+			}
 		})];
 	}
 });
-function $Y({ types: e, node: t }) {
+function sX({ types: e, node: t }) {
 	return t && Array.isArray(e) && e.includes(t.type) || t?.type === e;
 }
 px.create({
@@ -41223,7 +41290,7 @@ px.create({
 			state: {
 				init: (e, t) => {
 					let r = t.tr.doc.lastChild;
-					return !$Y({
+					return !sX({
 						node: r,
 						types: n
 					});
@@ -41231,7 +41298,7 @@ px.create({
 				apply: (e, t) => {
 					if (!e.docChanged || e.getMeta("__uniqueIDTransaction")) return t;
 					let r = e.doc.lastChild;
-					return !$Y({
+					return !sX({
 						node: r,
 						types: n
 					});
@@ -41266,7 +41333,7 @@ px.create({
 		};
 	}
 });
-var eX = ax.create({
+var cX = ax.create({
 	name: "superscript",
 	addOptions() {
 		return { HTMLAttributes: {} };
@@ -41296,7 +41363,7 @@ var eX = ax.create({
 	addKeyboardShortcuts() {
 		return { "Mod-.": () => this.editor.commands.toggleSuperscript() };
 	}
-}), tX = ax.create({
+}), lX = ax.create({
 	name: "subscript",
 	addOptions() {
 		return { HTMLAttributes: {} };
@@ -41326,7 +41393,7 @@ var eX = ax.create({
 	addKeyboardShortcuts() {
 		return { "Mod-,": () => this.editor.commands.toggleSubscript() };
 	}
-}), nX = px.create({
+}), uX = px.create({
 	name: "textAlign",
 	addOptions() {
 		return {
@@ -41368,7 +41435,7 @@ var eX = ax.create({
 			"Mod-Shift-j": () => this.editor.commands.setTextAlign("justify")
 		};
 	}
-}), rX = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/, iX = Ux.create({
+}), dX = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/, fX = Ux.create({
 	name: "image",
 	addOptions() {
 		return {
@@ -41461,7 +41528,7 @@ var eX = ax.create({
 	},
 	addInputRules() {
 		return [kx({
-			find: rX,
+			find: dX,
 			type: this.type,
 			getAttributes: (e) => {
 				let [, , t, n, r] = e;
@@ -41473,17 +41540,17 @@ var eX = ax.create({
 			}
 		})];
 	}
-}), aX = QY, oX = {
+}), pX = nX, mX = {
 	position: "bottom",
 	alignment: "left",
 	alwaysVisible: !1,
 	showDone: !0,
 	doneOn: "blur"
-}, sX = {
+}, hX = {
 	options: {},
 	respAreaToolbar: () => {},
 	onHandleAreaChange: () => {}
-}, cX = [
+}, gX = [
 	"bold",
 	"italic",
 	"underline",
@@ -41505,7 +41572,7 @@ var eX = ax.create({
 	"h3",
 	"undo",
 	"redo"
-], lX = {
+], _X = {
 	"--white": "#fff",
 	"--black": "#2e2b29",
 	"--black-contrast": "#110f0e",
@@ -41524,14 +41591,18 @@ var eX = ax.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)"
-}, uX = (e) => {
+}, vX = (e) => ({
+	spellcheck: e ? "true" : "false",
+	autocorrect: e ? "on" : "off",
+	autocapitalize: e ? "on" : "off"
+}), yX = (e) => {
 	let { showParagraphs: t, separateParagraphs: n } = e.pluginProps || {}, [r, i] = ot([]), [a, o] = ot(!1), { toolbarOpts: s } = e, c = $e((e) => {
 		i((t) => {
 			let n = t.filter((t) => t.pos !== e);
 			return n.length === 0 && o(!1), n;
 		});
 	}, [i]), l = {
-		...oX,
+		...mX,
 		...s
 	}, u = $e((t) => {
 		let n = t.getHTML();
@@ -41542,13 +41613,13 @@ var eX = ax.create({
 		e.onDone,
 		l.doneOn
 	]), d = rt(() => ({
-		...sX,
+		...hX,
 		...e.responseAreaProps,
 		onInlineDropdownToolbarClose: u
 	}), [e.responseAreaProps, u]), f = rt(() => {
 		let { customPlugins: t, ...n } = e.pluginProps || {};
 		t ||= [];
-		let r = (e.activePlugins || cX)?.filter((e) => {
+		let r = (e.activePlugins || gX)?.filter((e) => {
 			let t = uc[e] || e, r = n[t] || {};
 			return !r || !r.disabled;
 		});
@@ -41566,103 +41637,112 @@ var eX = ax.create({
 			setKeypadInteraction: {},
 			media: {}
 		});
-	}, [e, d.type]), p = Yk({
-		extensions: [
-			nX.configure({
-				types: [
-					"heading",
-					"paragraph",
-					"div",
-					"headingParagraph",
-					"h1",
-					"h2",
-					"h3",
-					"h4",
-					"h5",
-					"h6",
-					"td",
-					"th"
-				],
-				alignments: [
-					"left",
-					"right",
-					"center",
-					"justify"
-				]
-			}),
-			LY,
-			RY.configure({ limit: e.charactersLimit || 1e6 }),
-			DY.configure({ trailingNode: {
+	}, [e, d.type]), p = [
+		uX.configure({
+			types: [
+				"heading",
+				"paragraph",
+				"div",
+				"headingParagraph",
+				"h1",
+				"h2",
+				"h3",
+				"h4",
+				"h5",
+				"h6",
+				"td",
+				"th"
+			],
+			alignments: [
+				"left",
+				"right",
+				"center",
+				"justify"
+			]
+		}),
+		LY,
+		RY.configure({ limit: e.charactersLimit || 1e6 }),
+		DY.configure({
+			trailingNode: {
 				node: "paragraph",
 				notAfter: ["paragraph", "div"]
-			} }),
-			jB,
-			xO,
-			MB,
-			SO,
-			CO,
-			aX.configure({
-				placeholder: e.placeholder,
-				showOnlyWhenEditable: !0,
-				showOnlyCurrent: !1,
-				includeChildren: !0
-			}),
-			_O,
-			tO,
-			bO,
-			yO,
-			gR.configure(d),
-			_R.configure(d),
-			yR.configure(d),
-			bR.configure(d),
-			vR.configure(d),
-			rz.configure({
-				toolbarOpts: l,
-				math: e.pluginProps?.math || {}
-			}),
-			tX,
-			eX,
-			iX,
-			Cz.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 = Dt(() => {
-								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
-			}),
-			Wz.configure({ uploadSoundSupport: e.uploadSoundSupport }),
-			Xz.configure({ extraCSSRules: e.extraCSSRules })
-		],
+			},
+			link: {
+				autolink: !1,
+				linkOnPaste: !1
+			}
+		}),
+		jB,
+		xO,
+		MB,
+		SO,
+		CO,
+		pX.configure({
+			placeholder: e.placeholder,
+			showOnlyWhenEditable: !0,
+			showOnlyCurrent: !1,
+			includeChildren: !0
+		}),
+		_O,
+		tO,
+		bO,
+		yO,
+		gR.configure(d),
+		_R.configure(d),
+		yR.configure(d),
+		bR.configure(d),
+		vR.configure(d),
+		rz.configure({
+			toolbarOpts: l,
+			math: e.pluginProps?.math || {}
+		}),
+		lX,
+		cX,
+		fX,
+		Cz.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 = Dt(() => {
+							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
+		}),
+		Wz.configure({ uploadSoundSupport: e.uploadSoundSupport }),
+		Xz.configure({ extraCSSRules: e.extraCSSRules })
+	], m = e.spellCheck !== !1, h = Yk({
+		extensions: p,
 		immediatelyRender: !1,
-		editorProps: { handleKeyDown(t, n) {
-			return e.onKeyDown ? e.onKeyDown(n) : !1;
-		} },
+		editorProps: {
+			attributes: vX(m),
+			handleKeyDown(t, n) {
+				return e.onKeyDown ? e.onKeyDown(n) : !1;
+			}
+		},
 		editable: !e.disabled,
 		content: hc(e.markup),
 		onUpdate: ({ editor: t, transaction: n }) => {
@@ -41673,22 +41753,29 @@ var eX = ax.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 = vX(m);
+		e?.attributes?.spellcheck !== t.spellcheck && h.setOptions({ editorProps: {
+			...e,
+			attributes: t
+		} });
+	}, [m, h]), P(() => {
+		if (!h) return;
 		let t = hc(e.markup);
-		t !== p.getHTML() && p.commands.setContent(t, { emitUpdate: !1 });
-	}, [e.markup, p]), P(() => {
-		Object.entries(lX).forEach(([e, t]) => {
+		t !== h.getHTML() && h.commands.setContent(t, { emitUpdate: !1 });
+	}, [e.markup, h]), P(() => {
+		Object.entries(_X).forEach(([e, t]) => {
 			document.documentElement.style.setProperty(e, t);
 		});
 	}, []);
-	let m = Gk({
-		editor: p,
+	let g = Gk({
+		editor: h,
 		selector: (e) => ({ isFocused: e.editor?.isFocused })
-	}), h = rt(() => {
+	}), _ = rt(() => {
 		let { minWidth: t, width: n, maxWidth: r, minHeight: i, height: a, maxHeight: o } = e;
 		return {
 			width: NB(n),
@@ -41703,20 +41790,20 @@ var eX = ax.create({
 		...e,
 		activePlugins: f,
 		toolbarOpts: l,
-		editorState: m,
-		editor: p,
-		children: p && /* @__PURE__ */ F(dX, {
+		editorState: g,
+		editor: h,
+		children: h && /* @__PURE__ */ F(bX, {
 			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
 		})
 	});
-}, dX = j(Hk, { shouldForwardProp: (e) => !["showParagraph", "separateParagraph"].includes(e) })(({ showParagraph: e, separateParagraph: t }) => ({
+}, bX = j(Hk, { shouldForwardProp: (e) => !["showParagraph", "separateParagraph"].includes(e) })(({ showParagraph: e, separateParagraph: t }) => ({
 	display: "flex",
 	outline: "none !important",
 	"& .ProseMirror": {
@@ -41744,7 +41831,7 @@ var eX = ax.create({
 		} },
 		...t && { "& > p:has(+ p)": { marginBottom: "1em" } }
 	}
-})), fX = uX, pX = j(Os)(() => ({})), mX = class extends N.Component {
+})), xX = yX, SX = j(Os)(() => ({})), CX = class extends N.Component {
 	static propTypes = {
 		className: L.default.string,
 		contentClassName: L.default.string,
@@ -41765,7 +41852,7 @@ var eX = ax.create({
 				indicatorColor: "primary",
 				value: e,
 				onChange: this.handleChange,
-				children: N.Children.map(t, (e, t) => e && e.props.title ? /* @__PURE__ */ F(pX, { label: e.props.title }, t) : null)
+				children: N.Children.map(t, (e, t) => e && e.props.title ? /* @__PURE__ */ F(SX, { label: e.props.title }, t) : null)
 			}), /* @__PURE__ */ F("div", {
 				className: r,
 				style: i,
@@ -41773,7 +41860,7 @@ var eX = ax.create({
 			})]
 		});
 	}
-}, hX = j(ga)(({ theme: e, mini: t }) => ({
+}, wX = j(ga)(({ theme: e, mini: t }) => ({
 	margin: 0,
 	marginLeft: 0,
 	padding: 0,
@@ -41787,7 +41874,7 @@ var eX = ax.create({
 			fontSize: e.typography.fontSize - 3
 		}
 	}
-})), gX = j(Ni)(({ theme: e, mini: t, error: n }) => ({
+})), TX = j(Ni)(({ theme: e, mini: t, error: n }) => ({
 	color: `${A.tertiary()} !important`,
 	...t && {
 		margin: 0,
@@ -41796,9 +41883,9 @@ var eX = ax.create({
 		height: e.spacing(3)
 	},
 	...n && { color: `${e.palette.error.main} !important` }
-})), _X = ({ mini: e, checked: t, onChange: n, value: r, label: i, error: a }) => /* @__PURE__ */ F(hX, {
+})), EX = ({ mini: e, checked: t, onChange: n, value: r, label: i, error: a }) => /* @__PURE__ */ F(wX, {
 	mini: e,
-	control: /* @__PURE__ */ F(gX, {
+	control: /* @__PURE__ */ F(TX, {
 		checked: t,
 		onChange: n,
 		value: r,
@@ -41807,21 +41894,21 @@ var eX = ax.create({
 	}),
 	label: i
 });
-_X.propTypes = {
+EX.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
-}, _X.defaultProps = {
+}, EX.defaultProps = {
 	value: "",
 	mini: !1,
 	error: !1
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/number-text-field.js
-var vX = (0, sc.default)("@pie-lib:config-ui:number-text-field"), yX = j(rc)(({ theme: e }) => ({
+var DX = (0, sc.default)("@pie-lib:config-ui:number-text-field"), OX = j(rc)(({ theme: e }) => ({
 	marginRight: e.spacing(1),
 	"& .MuiInputLabel-root": {
 		width: "auto",
@@ -41843,11 +41930,11 @@ var vX = (0, sc.default)("@pie-lib:config-ui:number-text-field"), yX = j(rc)(({
 		minHeight: "auto",
 		padding: "6px 0 7px"
 	}
-})), bX = (e, t) => {
+})), kX = (e, t) => {
 	if (!Nt(e) && !Nt(t)) return 0;
 	if (!Nt(e) && Nt(t)) return t;
 	if (Nt(e)) return e;
-}, xX = class extends N.Component {
+}, AX = class extends N.Component {
 	static propTypes = {
 		disabled: L.default.bool,
 		className: L.default.string,
@@ -41873,13 +41960,13 @@ var vX = (0, sc.default)("@pie-lib:config-ui:number-text-field"), yX = j(rc)(({
 		this.setState({ value: t });
 	}
 	clamp(e, t = this.props.min, n = this.props.max) {
-		return Nt(e) ? (Nt(n) && (e = Math.min(e, n)), Nt(t) && (e = Math.max(e, t)), e) : bX(t, n);
+		return Nt(e) ? (Nt(n) && (e = Math.min(e, n)), Nt(t) && (e = Math.max(e, t)), e) : kX(t, n);
 	}
 	onBlur = (e) => {
 		let t = e.target.value, n = parseFloat(t);
-		vX("rawNumber: ", n);
+		DX("rawNumber: ", n);
 		let r = this.clamp(n);
-		vX("number: ", r), r !== this.state.value && (vX("trigger update..."), this.setState({ value: r.toString() }, () => {
+		DX("number: ", r), r !== this.state.value && (DX("trigger update..."), this.setState({ value: r.toString() }, () => {
 			this.props.onChange(e, r);
 		}));
 	};
@@ -41899,7 +41986,7 @@ var vX = (0, sc.default)("@pie-lib:config-ui:number-text-field"), yX = j(rc)(({
 	};
 	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(yX, {
+		return /* @__PURE__ */ F(OX, {
 			variant: s ? "filled" : l || "standard",
 			inputRef: (e) => {
 				this.inputRef = e;
@@ -41934,19 +42021,19 @@ var vX = (0, sc.default)("@pie-lib:config-ui:number-text-field"), yX = j(rc)(({
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/two-choice.js
-function SX(e) {
+function jX(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function CX(e, t) {
-	return !e || SX(e) ? e : SX(e.default) ? e.default : t && SX(e[t]) ? e[t] : t && SX(e[t]?.default) ? e[t].default : e;
+function MX(e, t) {
+	return !e || jX(e) ? e : jX(e.default) ? e.default : t && jX(e[t]) ? e[t] : t && jX(e[t]?.default) ? e[t].default : e;
 }
-var wX = CX(Ie, "InputContainer") || CX(DX.InputContainer, "InputContainer"), TX = ge, EX = TX.default, DX = EX && typeof EX == "object" ? EX : TX, OX = j("div")(({ theme: e, direction: t }) => ({
+var NX = MX(Ie, "InputContainer") || MX(IX.InputContainer, "InputContainer"), PX = ge, FX = PX.default, IX = FX && typeof FX == "object" ? FX : PX, LX = j("div")(({ theme: e, direction: t }) => ({
 	display: "flex",
 	flexWrap: "wrap",
 	paddingLeft: 0,
 	marginTop: e.spacing(1),
 	...t === "vertical" && { flexDirection: "column" }
-})), kX = class extends N.Component {
+})), RX = class extends N.Component {
 	static propTypes = {
 		header: L.default.string.isRequired,
 		className: L.default.string,
@@ -41964,10 +42051,10 @@ var wX = CX(Ie, "InputContainer") || CX(DX.InputContainer, "InputContainer"), TX
 			label: e,
 			value: e
 		} : e), s = n || oc;
-		return /* @__PURE__ */ F(wX, {
+		return /* @__PURE__ */ F(NX, {
 			label: e,
 			className: t,
-			children: /* @__PURE__ */ F(OX, {
+			children: /* @__PURE__ */ F(LX, {
 				direction: a,
 				children: o.map((e, t) => /* @__PURE__ */ F(s, {
 					value: e.value,
@@ -41978,7 +42065,7 @@ var wX = CX(Ie, "InputContainer") || CX(DX.InputContainer, "InputContainer"), TX
 			})
 		});
 	}
-}, AX = L.default.shape({
+}, zX = L.default.shape({
 	label: L.default.string,
 	value: L.default.string
 });
@@ -41987,14 +42074,14 @@ var wX = CX(Ie, "InputContainer") || CX(DX.InputContainer, "InputContainer"), TX
 		header: L.default.string.isRequired,
 		value: L.default.string.isRequired,
 		onChange: L.default.func.isRequired,
-		one: L.default.oneOfType([AX, L.default.string]),
-		two: L.default.oneOfType([AX, L.default.string]),
+		one: L.default.oneOfType([zX, L.default.string]),
+		two: L.default.oneOfType([zX, 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(kX, {
+		return /* @__PURE__ */ F(RX, {
 			customLabel: i,
 			header: n,
 			className: r,
@@ -42006,21 +42093,21 @@ var wX = CX(Ie, "InputContainer") || CX(DX.InputContainer, "InputContainer"), TX
 });
 //#endregion
 //#region ../../lib-react/config-ui/dist/_virtual/_rolldown/runtime.js
-var jX = Object.defineProperty, MX = (e, t) => {
+var BX = Object.defineProperty, VX = (e, t) => {
 	let n = {};
-	for (var r in e) jX(n, r, {
+	for (var r in e) BX(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || jX(n, Symbol.toStringTag, { value: "Module" }), n;
-}, NX = j("div")(() => ({
+	return t || BX(n, Symbol.toStringTag, { value: "Module" }), n;
+}, HX = j("div")(() => ({
 	display: "flex",
 	flexDirection: "column",
 	position: "relative"
-})), PX = j("div")(() => ({
+})), UX = j("div")(() => ({
 	display: "flex",
 	justifyContent: "space-between"
-})), FX = j("div")(({ theme: e }) => ({ padding: `${e.spacing(2)} 0` })), IX = j("div")(() => ({ flex: "1" })), LX = j("div")(({ theme: e }) => ({ marginLeft: e.spacing(2) })), RX = class extends N.Component {
+})), WX = j("div")(({ theme: e }) => ({ padding: `${e.spacing(2)} 0` })), GX = j("div")(() => ({ flex: "1" })), KX = j("div")(({ theme: e }) => ({ marginLeft: e.spacing(2) })), qX = 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]),
@@ -42038,7 +42125,7 @@ var jX = Object.defineProperty, MX = (e, t) => {
 		} catch (e) {
 			console.log(e.toString());
 		}
-		return /* @__PURE__ */ I(NX, {
+		return /* @__PURE__ */ I(HX, {
 			style: {
 				minHeight: i,
 				minWidth: a,
@@ -42046,28 +42133,28 @@ var jX = Object.defineProperty, MX = (e, t) => {
 				maxWidth: s
 			},
 			children: [
-				e === "inline" && /* @__PURE__ */ I(PX, { children: [/* @__PURE__ */ F(IX, {
+				e === "inline" && /* @__PURE__ */ I(UX, { children: [/* @__PURE__ */ F(GX, {
 					className: "design-container",
 					children: n
-				}), l && /* @__PURE__ */ F(LX, {
+				}), l && /* @__PURE__ */ F(KX, {
 					className: "settings-container",
 					children: t
 				})] }),
-				e === "tabbed" && l && /* @__PURE__ */ I(mX, {
+				e === "tabbed" && l && /* @__PURE__ */ I(CX, {
 					onChange: this.onTabsChange,
 					contentClassName: "content-container",
 					indicatorColor: "primary",
-					children: [/* @__PURE__ */ F(FX, {
+					children: [/* @__PURE__ */ F(WX, {
 						title: "Design",
 						className: "design-container",
 						children: n
-					}), /* @__PURE__ */ F(FX, {
+					}), /* @__PURE__ */ F(WX, {
 						title: "Settings",
 						className: "settings-container",
 						children: t
 					})]
 				}),
-				e === "tabbed" && !l && /* @__PURE__ */ F(FX, {
+				e === "tabbed" && !l && /* @__PURE__ */ F(WX, {
 					className: "design-container",
 					children: n
 				})
@@ -42077,18 +42164,18 @@ var jX = Object.defineProperty, MX = (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 zX() {
-	return zX = Object.assign ? Object.assign.bind() : function(e) {
+function JX() {
+	return JX = 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;
-	}, zX.apply(null, arguments);
+	}, JX.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 BX(e, t) {
+function YX(e, t) {
 	if (e == null) return {};
 	var n = {};
 	for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
@@ -42099,19 +42186,19 @@ function BX(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 VX(e, t) {
-	return VX = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+function XX(e, t) {
+	return XX = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
 		return e.__proto__ = t, e;
-	}, VX(e, t);
+	}, XX(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 HX(e, t) {
-	e.prototype = Object.create(t.prototype), e.prototype.constructor = e, VX(e, t);
+function ZX(e, t) {
+	e.prototype = Object.create(t.prototype), e.prototype.constructor = e, XX(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 UX = (function() {
+var QX = (function() {
 	if (typeof Map < "u") return Map;
 	function e(e, t) {
 		var n = -1;
@@ -42150,34 +42237,34 @@ var UX = (function() {
 			}
 		}, t;
 	}();
-})(), WX = typeof window < "u" && typeof document < "u" && window.document === document, GX = (function() {
+})(), $X = typeof window < "u" && typeof document < "u" && window.document === document, eZ = (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")();
-})(), KX = (function() {
-	return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(GX) : function(e) {
+})(), tZ = (function() {
+	return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(eZ) : function(e) {
 		return setTimeout(function() {
 			return e(Date.now());
 		}, 1e3 / 60);
 	};
-})(), qX = 2;
-function JX(e, t) {
+})(), nZ = 2;
+function rZ(e, t) {
 	var n = !1, r = !1, i = 0;
 	function a() {
 		n && (n = !1, e()), r && s();
 	}
 	function o() {
-		KX(a);
+		tZ(a);
 	}
 	function s() {
 		var e = Date.now();
 		if (n) {
-			if (e - i < qX) return;
+			if (e - i < nZ) return;
 			r = !0;
 		} else n = !0, r = !1, setTimeout(o, t);
 		i = e;
 	}
 	return s;
 }
-var YX = 20, XX = [
+var iZ = 20, aZ = [
 	"top",
 	"right",
 	"bottom",
@@ -42186,9 +42273,9 @@ var YX = 20, XX = [
 	"height",
 	"size",
 	"weight"
-], ZX = typeof MutationObserver < "u", QX = function() {
+], oZ = typeof MutationObserver < "u", sZ = function() {
 	function e() {
-		this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = JX(this.refresh.bind(this), YX);
+		this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = rZ(this.refresh.bind(this), iZ);
 	}
 	return e.prototype.addObserver = function(e) {
 		~this.observers_.indexOf(e) || this.observers_.push(e), this.connected_ || this.connect_();
@@ -42205,23 +42292,23 @@ var YX = 20, XX = [
 			return e.broadcastActive();
 		}), e.length > 0;
 	}, e.prototype.connect_ = function() {
-		!WX || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), ZX ? (this.mutationsObserver_ = new MutationObserver(this.refresh), this.mutationsObserver_.observe(document, {
+		!$X || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), oZ ? (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() {
-		!WX || !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);
+		!$X || !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;
-		XX.some(function(e) {
+		aZ.some(function(e) {
 			return !!~n.indexOf(e);
 		}) && this.refresh();
 	}, e.getInstance = function() {
 		return this.instance_ ||= new e(), this.instance_;
 	}, e.instance_ = null, e;
-}(), $X = (function(e, t) {
+}(), cZ = (function(e, t) {
 	for (var n = 0, r = Object.keys(t); n < r.length; n++) {
 		var i = r[n];
 		Object.defineProperty(e, i, {
@@ -42232,19 +42319,19 @@ var YX = 20, XX = [
 		});
 	}
 	return e;
-}), eZ = (function(e) {
-	return e && e.ownerDocument && e.ownerDocument.defaultView || GX;
-}), tZ = dZ(0, 0, 0, 0);
-function nZ(e) {
+}), lZ = (function(e) {
+	return e && e.ownerDocument && e.ownerDocument.defaultView || eZ;
+}), uZ = bZ(0, 0, 0, 0);
+function dZ(e) {
 	return parseFloat(e) || 0;
 }
-function rZ(e) {
+function fZ(e) {
 	return [...arguments].slice(1).reduce(function(t, n) {
 		var r = e["border-" + n + "-width"];
-		return t + nZ(r);
+		return t + dZ(r);
 	}, 0);
 }
-function iZ(e) {
+function pZ(e) {
 	for (var t = [
 		"top",
 		"right",
@@ -42252,40 +42339,40 @@ function iZ(e) {
 		"left"
 	], n = {}, r = 0, i = t; r < i.length; r++) {
 		var a = i[r], o = e["padding-" + a];
-		n[a] = nZ(o);
+		n[a] = dZ(o);
 	}
 	return n;
 }
-function aZ(e) {
+function mZ(e) {
 	var t = e.getBBox();
-	return dZ(0, 0, t.width, t.height);
+	return bZ(0, 0, t.width, t.height);
 }
-function oZ(e) {
+function hZ(e) {
 	var t = e.clientWidth, n = e.clientHeight;
-	if (!t && !n) return tZ;
-	var r = eZ(e).getComputedStyle(e), i = iZ(r), a = i.left + i.right, o = i.top + i.bottom, s = nZ(r.width), c = nZ(r.height);
-	if (r.boxSizing === "border-box" && (Math.round(s + a) !== t && (s -= rZ(r, "left", "right") + a), Math.round(c + o) !== n && (c -= rZ(r, "top", "bottom") + o)), !cZ(e)) {
+	if (!t && !n) return uZ;
+	var r = lZ(e).getComputedStyle(e), i = pZ(r), a = i.left + i.right, o = i.top + i.bottom, s = dZ(r.width), c = dZ(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)), !_Z(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 dZ(i.left, i.top, s, c);
+	return bZ(i.left, i.top, s, c);
 }
-var sZ = (function() {
+var gZ = (function() {
 	return typeof SVGGraphicsElement < "u" ? function(e) {
-		return e instanceof eZ(e).SVGGraphicsElement;
+		return e instanceof lZ(e).SVGGraphicsElement;
 	} : function(e) {
-		return e instanceof eZ(e).SVGElement && typeof e.getBBox == "function";
+		return e instanceof lZ(e).SVGElement && typeof e.getBBox == "function";
 	};
 })();
-function cZ(e) {
-	return e === eZ(e).document.documentElement;
+function _Z(e) {
+	return e === lZ(e).document.documentElement;
 }
-function lZ(e) {
-	return WX ? sZ(e) ? aZ(e) : oZ(e) : tZ;
+function vZ(e) {
+	return $X ? gZ(e) ? mZ(e) : hZ(e) : uZ;
 }
-function uZ(e) {
+function yZ(e) {
 	var t = e.x, n = e.y, r = e.width, i = e.height, a = Object.create((typeof DOMRectReadOnly < "u" ? DOMRectReadOnly : Object).prototype);
-	return $X(a, {
+	return cZ(a, {
 		x: t,
 		y: n,
 		width: r,
@@ -42296,7 +42383,7 @@ function uZ(e) {
 		left: t
 	}), a;
 }
-function dZ(e, t, n, r) {
+function bZ(e, t, n, r) {
 	return {
 		x: e,
 		y: t,
@@ -42304,42 +42391,42 @@ function dZ(e, t, n, r) {
 		height: r
 	};
 }
-var fZ = function() {
+var xZ = function() {
 	function e(e) {
-		this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = dZ(0, 0, 0, 0), this.target = e;
+		this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = bZ(0, 0, 0, 0), this.target = e;
 	}
 	return e.prototype.isActive = function() {
-		var e = lZ(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;
-}(), pZ = function() {
+}(), SZ = function() {
 	function e(e, t) {
-		var n = uZ(t);
-		$X(this, {
+		var n = yZ(t);
+		cZ(this, {
 			target: e,
 			contentRect: n
 		});
 	}
 	return e;
-}(), mZ = function() {
+}(), CZ = function() {
 	function e(e, t, n) {
-		if (this.activeObservations_ = [], this.observations_ = new UX(), typeof e != "function") throw TypeError("The callback provided as parameter 1 is not a function.");
+		if (this.activeObservations_ = [], this.observations_ = new QX(), 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 eZ(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
+			if (!(e instanceof lZ(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 xZ(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 eZ(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
+			if (!(e instanceof lZ(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));
 		}
@@ -42353,7 +42440,7 @@ var fZ = function() {
 	}, e.prototype.broadcastActive = function() {
 		if (this.hasActive()) {
 			var e = this.callbackCtx_, t = this.activeObservations_.map(function(e) {
-				return new pZ(e.target, e.broadcastRect());
+				return new SZ(e.target, e.broadcastRect());
 			});
 			this.callback_.call(e, t, e), this.clearActive();
 		}
@@ -42362,12 +42449,12 @@ var fZ = function() {
 	}, e.prototype.hasActive = function() {
 		return this.activeObservations_.length > 0;
 	}, e;
-}(), hZ = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new UX(), gZ = function() {
+}(), wZ = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new QX(), TZ = 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 mZ(t, QX.getInstance(), this);
-		hZ.set(this, n);
+		var n = new CZ(t, sZ.getInstance(), this);
+		wZ.set(this, n);
 	}
 	return e;
 }();
@@ -42376,27 +42463,27 @@ var fZ = function() {
 	"unobserve",
 	"disconnect"
 ].forEach(function(e) {
-	gZ.prototype[e] = function() {
+	TZ.prototype[e] = function() {
 		var t;
-		return (t = hZ.get(this))[e].apply(t, arguments);
+		return (t = wZ.get(this))[e].apply(t, arguments);
 	};
 });
-var _Z = (function() {
-	return GX.ResizeObserver === void 0 ? gZ : GX.ResizeObserver;
-})(), vZ = [
+var EZ = (function() {
+	return eZ.ResizeObserver === void 0 ? TZ : eZ.ResizeObserver;
+})(), DZ = [
 	"client",
 	"offset",
 	"scroll",
 	"bounds",
 	"margin"
 ];
-function yZ(e) {
+function OZ(e) {
 	var t = [];
-	return vZ.forEach(function(n) {
+	return DZ.forEach(function(n) {
 		e[n] && t.push(n);
 	}), t;
 }
-function bZ(e, t) {
+function kZ(e, t) {
 	var n = {};
 	if (t.indexOf("client") > -1 && (n.client = {
 		top: e.clientTop,
@@ -42435,14 +42522,14 @@ function bZ(e, t) {
 	}
 	return n;
 }
-function xZ(e) {
+function AZ(e) {
 	return e && e.ownerDocument && e.ownerDocument.defaultView || window;
 }
-function SZ(e) {
+function jZ(e) {
 	return function(t) {
 		var n, r;
 		return r = n = /*#__PURE__*/ function(n) {
-			HX(r, n);
+			ZX(r, n);
 			function r() {
 				var t, r = [...arguments];
 				return t = n.call.apply(n, [this].concat(r)) || this, t.state = { contentRect: {
@@ -42453,24 +42540,24 @@ function SZ(e) {
 					bounds: {},
 					margin: {}
 				} }, t._animationFrameID = null, t._resizeObserver = null, t._node = null, t._window = null, t.measure = function(n) {
-					var r = bZ(t._node, e || yZ(t.props));
+					var r = kZ(t._node, e || OZ(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 = xZ(t._node);
+					t._resizeObserver !== null && t._node !== null && t._resizeObserver.unobserve(t._node), t._node = e, t._window = AZ(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 _Z(this.measure), this._node !== null && (this._resizeObserver.observe(this._node), typeof this.props.onResize == "function" && this.props.onResize(bZ(this._node, e || yZ(this.props))));
+				this._resizeObserver = this._window !== null && this._window.ResizeObserver ? new this._window.ResizeObserver(this.measure) : new EZ(this.measure), this._node !== null && (this._resizeObserver.observe(this._node), typeof this.props.onResize == "function" && this.props.onResize(kZ(this._node, e || OZ(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, Ye(t, zX({}, BX(e, ["innerRef", "onResize"]), {
+				return e.innerRef, e.onResize, Ye(t, JX({}, YX(e, ["innerRef", "onResize"]), {
 					measureRef: this._handleRef,
 					measure: this.measure,
 					contentRect: this.state.contentRect
@@ -42487,7 +42574,7 @@ function SZ(e) {
 		}, r;
 	};
 }
-var CZ = SZ()(function(e) {
+var MZ = jZ()(function(e) {
 	var t = e.measure, n = e.measureRef, r = e.contentRect, i = e.children;
 	return i({
 		measure: t,
@@ -42495,10 +42582,10 @@ var CZ = SZ()(function(e) {
 		contentRect: r
 	});
 });
-CZ.displayName = "Measure", CZ.propTypes.children = L.default.func;
+MZ.displayName = "Measure", MZ.propTypes.children = L.default.func;
 //#endregion
 //#region ../../lib-react/config-ui/dist/layout/settings-box.js
-var wZ = j("div")(() => ({
+var NZ = j("div")(() => ({
 	backgroundColor: A.white(),
 	border: `2px solid ${A.border()}`,
 	display: "flex",
@@ -42508,7 +42595,7 @@ var wZ = j("div")(() => ({
 	maxWidth: "300px",
 	padding: "20px 4px 4px 20px",
 	zIndex: 99
-})), TZ = class extends N.Component {
+})), PZ = class extends N.Component {
 	static propTypes = {
 		className: L.default.string,
 		children: L.default.oneOfType([L.default.arrayOf(L.default.node), L.default.node]).isRequired
@@ -42516,19 +42603,19 @@ var wZ = j("div")(() => ({
 	static defaultProps = {};
 	render() {
 		let { className: e, children: t } = this.props;
-		return /* @__PURE__ */ F(wZ, {
+		return /* @__PURE__ */ F(NZ, {
 			className: e,
 			children: t
 		});
 	}
-}, EZ = Le({
+}, FZ = Le({
 	typography: { fontFamily: "inherit" },
 	components: { MuiButton: { styleOverrides: { contained: {
 		backgroundColor: "#e0e0e0",
 		color: "#000000",
 		"&:hover": { backgroundColor: "#bdbdbd" }
 	} } } }
-}), DZ = class extends N.Component {
+}), IZ = class extends N.Component {
 	static propTypes = {
 		children: L.default.oneOfType([
 			L.default.string,
@@ -42561,19 +42648,19 @@ var wZ = j("div")(() => ({
 		return /* @__PURE__ */ F(C, {
 			injectFirst: !0,
 			children: /* @__PURE__ */ F(ae, {
-				theme: EZ,
-				children: /* @__PURE__ */ F(CZ, {
+				theme: FZ,
+				children: /* @__PURE__ */ F(MZ, {
 					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(TZ, {
+						let { children: t, settings: n, hideSettings: r, dimensions: i, extraCSSRules: a } = this.props, { layoutMode: o } = this.state, s = r ? null : o === "inline" ? /* @__PURE__ */ F(PZ, {
 							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(RX, {
+							children: [a?.rules ? /* @__PURE__ */ F("style", { dangerouslySetInnerHTML: { __html: `.extraCSSRules { ${a.rules} }` } }) : null, /* @__PURE__ */ F(qX, {
 								mode: o,
 								secondary: s,
 								dimensions: i,
@@ -42585,27 +42672,27 @@ var wZ = j("div")(() => ({
 			})
 		});
 	}
-}, OZ = SZ("bounds")(DZ), kZ = /* @__PURE__ */ MX({
-	ConfigLayout: () => OZ,
-	LayoutContents: () => RX
-}), AZ = j("div")(() => ({
+}, LZ = jZ("bounds")(IZ), RZ = /* @__PURE__ */ VX({
+	ConfigLayout: () => LZ,
+	LayoutContents: () => qX
+}), zZ = j("div")(() => ({
 	display: "flex",
 	width: "100%",
 	justifyContent: "space-between"
-})), jZ = j(De)(({ theme: e }) => ({
+})), BZ = j(De)(({ theme: e }) => ({
 	color: "rgba(0, 0, 0, 0.89)",
 	fontSize: e.typography.fontSize,
 	paddingTop: e.spacing(2)
-})), MZ = j(Cs)(({ checked: e }) => ({
+})), VZ = j(Cs)(({ checked: e }) => ({
 	"&.Mui-checked .MuiSwitch-thumb": { color: `${A.tertiary()} !important` },
 	"&.Mui-checked .MuiSwitch-track": { backgroundColor: `${A.tertiaryLight()} !important` },
 	"& .MuiSwitch-track": { backgroundColor: e ? `${A.tertiaryLight()} !important` : void 0 }
-})), NZ = ({ checked: e, disabled: t, label: n, toggle: r }) => /* @__PURE__ */ I(AZ, { children: [/* @__PURE__ */ F(jZ, { children: n }), /* @__PURE__ */ F(MZ, {
+})), HZ = ({ checked: e, disabled: t, label: n, toggle: r }) => /* @__PURE__ */ I(zZ, { children: [/* @__PURE__ */ F(BZ, { children: n }), /* @__PURE__ */ F(VZ, {
 	checked: e,
 	disabled: t,
 	onChange: (e) => r(e.target.checked)
 })] });
-NZ.propTypes = {
+HZ.propTypes = {
 	checked: L.default.bool,
 	disabled: L.default.bool,
 	label: L.default.string.isRequired,
@@ -42613,20 +42700,20 @@ NZ.propTypes = {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/settings/settings-radio-label.js
-var PZ = j(ga)(({ theme: e }) => ({ "& .MuiFormControlLabel-label": {
+var UZ = j(ga)(({ theme: e }) => ({ "& .MuiFormControlLabel-label": {
 	color: "rgba(0, 0, 0, 0.89)",
 	fontSize: e.typography.fontSize - 2,
 	left: "-5px",
 	position: "relative"
-} })), FZ = j(hs)(() => ({ color: `${A.tertiary()} !important` })), IZ = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ F(PZ, {
+} })), WZ = j(hs)(() => ({ color: `${A.tertiary()} !important` })), GZ = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ F(UZ, {
 	value: t,
-	control: /* @__PURE__ */ F(FZ, {
+	control: /* @__PURE__ */ F(WZ, {
 		checked: n,
 		onChange: r
 	}),
 	label: e
 });
-IZ.propTypes = {
+GZ.propTypes = {
 	label: L.default.string,
 	value: L.default.string,
 	checked: L.default.bool,
@@ -42634,26 +42721,26 @@ IZ.propTypes = {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/settings/panel.js
-var LZ = (0, sc.default)("pie-lib:config-ui:settings:panel"), RZ = {
+var KZ = (0, sc.default)("pie-lib:config-ui:settings:panel"), qZ = {
 	label: L.default.string,
 	value: L.default.string
-}, zZ = {
+}, JZ = {
 	label: L.default.string,
 	value: L.default.string,
 	onChange: L.default.func
-}, BZ = ({ label: e, value: t, onChange: n }) => /* @__PURE__ */ F(_X, {
+}, YZ = ({ label: e, value: t, onChange: n }) => /* @__PURE__ */ F(EX, {
 	checked: t,
 	label: e,
 	onChange: (e) => {
 		n(e.target.checked);
 	}
 });
-BZ.propTypes = {
+YZ.propTypes = {
 	label: L.default.string,
 	value: L.default.bool,
 	onChange: L.default.func
 };
-var VZ = j(kX)(({ theme: e }) => ({
+var XZ = j(RX)(({ theme: e }) => ({
 	marginTop: e.spacing(.5),
 	paddingBottom: e.spacing(.5),
 	width: "100%",
@@ -42664,29 +42751,29 @@ var VZ = j(kX)(({ theme: e }) => ({
 		marginTop: e.spacing(2.5)
 	},
 	"& > div": { marginTop: e.spacing(2.5) }
-})), HZ = ({ label: e, value: t, onChange: n, choices: r }) => /* @__PURE__ */ F(VZ, {
+})), ZZ = ({ label: e, value: t, onChange: n, choices: r }) => /* @__PURE__ */ F(XZ, {
 	direction: "horizontal",
-	customLabel: IZ,
+	customLabel: GZ,
 	value: t,
 	header: e,
 	opts: r,
 	onChange: n
 });
-HZ.propTypes = {
-	...zZ,
-	choices: L.default.arrayOf(L.default.shape(RZ))
+ZZ.propTypes = {
+	...JZ,
+	choices: L.default.arrayOf(L.default.shape(qZ))
 };
-var UZ = HZ, WZ = j("p")(({ theme: e }) => ({
+var QZ = ZZ, $Z = j("p")(({ theme: e }) => ({
 	margin: 0,
 	fontSize: e.typography.fontSize
-})), GZ = j(qo)(({ theme: e }) => ({
+})), eQ = j(qo)(({ theme: e }) => ({
 	marginTop: e.spacing(.5),
 	border: "2px solid lightgrey",
 	padding: `0 ${e.spacing(1)}`,
 	borderRadius: "4px"
-})), KZ = ({ label: e, value: t, onChange: n, choices: r = [] }) => {
+})), tQ = ({ 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(WZ, { children: e }), /* @__PURE__ */ F(GZ, {
+	return /* @__PURE__ */ I("div", { children: [e && /* @__PURE__ */ F($Z, { children: e }), /* @__PURE__ */ F(eQ, {
 		value: t || r && r[0],
 		onChange: ({ target: e }) => n(e.value),
 		input: /* @__PURE__ */ F(Ea, { id: `dropdown-${e}` }),
@@ -42701,14 +42788,14 @@ var UZ = HZ, WZ = j("p")(({ theme: e }) => ({
 		}, t))
 	})] });
 };
-KZ.propTypes = {
-	...zZ,
+tQ.propTypes = {
+	...JZ,
 	choices: L.default.arrayOf(L.default.string)
 };
-var qZ = j(Pe)(({ theme: e }) => ({
+var nQ = j(Pe)(({ theme: e }) => ({
 	marginRight: e.spacing(3),
 	marginTop: e.spacing(1)
-})), JZ = ({ label: e }) => /* @__PURE__ */ F(qZ, { children: e }), YZ = j(xX)(({ theme: e }) => ({
+})), rQ = ({ label: e }) => /* @__PURE__ */ F(nQ, { children: e }), iQ = j(AX)(({ theme: e }) => ({
 	width: "35%",
 	marginRight: e.spacing(3),
 	marginTop: e.spacing(1),
@@ -42719,7 +42806,7 @@ var qZ = j(Pe)(({ theme: e }) => ({
 		padding: `0 ${e.spacing(1)}`,
 		backgroundColor: "transparent"
 	}
-})), XZ = ({ label: e, value: t, onChange: n = () => {}, suffix: r, min: i, max: a }) => /* @__PURE__ */ F(YZ, {
+})), aQ = ({ label: e, value: t, onChange: n = () => {}, suffix: r, min: i, max: a }) => /* @__PURE__ */ F(iQ, {
 	variant: "standard",
 	label: e || "Label",
 	value: t,
@@ -42730,45 +42817,45 @@ var qZ = j(Pe)(({ theme: e }) => ({
 	showErrorWhenOutsideRange: !0,
 	disableUnderline: !0
 });
-XZ.propTypes = {
-	...zZ,
+aQ.propTypes = {
+	...JZ,
 	suffix: L.default.string,
 	min: L.default.number,
 	max: L.default.number,
 	value: L.default.number
-}, JZ.propTypes = { ...zZ };
-var ZZ = ({ disabled: e, label: t, value: n, onChange: r }) => /* @__PURE__ */ F(NZ, {
+}, rQ.propTypes = { ...JZ };
+var oQ = ({ disabled: e, label: t, value: n, onChange: r }) => /* @__PURE__ */ F(HZ, {
 	label: t,
 	checked: !!n,
 	disabled: !!e,
 	toggle: r
 });
-ZZ.propTypes = {
-	...zZ,
+oQ.propTypes = {
+	...JZ,
 	value: L.default.bool
 };
-var QZ = {
-	toggle: ZZ,
-	radio: UZ,
-	dropdown: KZ,
-	numberField: XZ,
-	checkbox: BZ,
-	textField: JZ
-}, $Z = j("div")(({ theme: e }) => ({ margin: `0 0 ${e.spacing(2)} 0` })), eQ = j("div")(({ theme: e }) => ({
+var sQ = {
+	toggle: oQ,
+	radio: QZ,
+	dropdown: tQ,
+	numberField: aQ,
+	checkbox: YZ,
+	textField: rQ
+}, cQ = j("div")(({ theme: e }) => ({ margin: `0 0 ${e.spacing(2)} 0` })), lQ = j("div")(({ theme: e }) => ({
 	color: "#495B8F",
 	fontSize: e.typography.fontSize + 2,
 	fontWeight: 600,
 	marginBottom: e.spacing(1)
-})), tQ = j("p")(({ theme: e }) => ({
+})), uQ = j("p")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize,
 	marginBottom: 0
-})), nQ = (e) => {
+})), dQ = (e) => {
 	let { model: t, label: n, group: r, configuration: i, onChange: a } = e, o = (e, n, r) => {
 		let { isConfigProperty: o, ...s } = kt(e, r || n), c = kt(o ? i : t, n), l = {
 			...s,
 			key: n,
 			value: c
-		}, u = QZ[l.type];
+		}, u = sQ[l.type];
 		return /* @__PURE__ */ F(u, {
 			...l,
 			onChange: (e) => a(n, e, o)
@@ -42777,18 +42864,18 @@ var QZ = {
 		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(tQ, { 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(uQ, { 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($Z, { children: [/* @__PURE__ */ F(eQ, { children: n }), Object.keys(r).map((e) => s(r, e))] });
+	return /* @__PURE__ */ I(cQ, { children: [/* @__PURE__ */ F(lQ, { children: n }), Object.keys(r).map((e) => s(r, e))] });
 };
-nQ.propTypes = {
+dQ.propTypes = {
 	model: L.default.object,
 	label: L.default.string,
 	group: L.default.object,
 	configuration: L.default.object,
 	onChange: L.default.func
 };
-var rQ = class extends N.Component {
+var fQ = class extends N.Component {
 	static propTypes = {
 		model: L.default.object,
 		configuration: L.default.object,
@@ -42802,13 +42889,13 @@ var rQ = class extends N.Component {
 		onChangeConfiguration: () => {}
 	};
 	change = (e, t, n = !1) => {
-		LZ("[changeModel]", e, t);
+		KZ("[changeModel]", e, t);
 		let { onChangeModel: r, onChangeConfiguration: i } = this.props, a = { ...this.props.model }, o = { ...this.props.configuration };
 		n ? (Ft(o, e, t), i(o, e)) : (Ft(a, e, t), r(a, e));
 	};
 	render() {
 		let { groups: e, model: t, configuration: n, modal: r } = this.props;
-		return LZ("render:", t), /* @__PURE__ */ I("div", { children: [Object.keys(e || {}).map((r) => Object.entries(e[r]).some(([, e]) => !!e) ? /* @__PURE__ */ F(nQ, {
+		return KZ("render:", t), /* @__PURE__ */ I("div", { children: [Object.keys(e || {}).map((r) => Object.entries(e[r]).some(([, e]) => !!e) ? /* @__PURE__ */ F(dQ, {
 			label: r,
 			model: t,
 			configuration: n,
@@ -42816,59 +42903,59 @@ var rQ = class extends N.Component {
 			onChange: this.change
 		}, r) : null), r] });
 	}
-}, iQ = /* @__PURE__ */ MX({
-	Panel: () => rQ,
-	checkbox: () => fQ,
-	checkboxes: () => pQ,
-	dropdown: () => lQ,
-	numberField: () => uQ,
-	numberFields: () => dQ,
-	radio: () => cQ,
-	textField: () => aQ,
-	toggle: () => oQ
-}), aQ = (e, t = !0) => ({
+}, pQ = /* @__PURE__ */ VX({
+	Panel: () => fQ,
+	checkbox: () => xQ,
+	checkboxes: () => SQ,
+	dropdown: () => vQ,
+	numberField: () => yQ,
+	numberFields: () => bQ,
+	radio: () => _Q,
+	textField: () => mQ,
+	toggle: () => hQ
+}), mQ = (e, t = !0) => ({
 	label: e,
 	type: "textField",
 	isConfigProperty: t
-}), oQ = (e, t = !1, n = !1) => ({
+}), hQ = (e, t = !1, n = !1) => ({
 	type: "toggle",
 	label: e,
 	isConfigProperty: t,
 	disabled: n
-}), sQ = (e) => typeof e == "string" ? {
+}), gQ = (e) => typeof e == "string" ? {
 	label: e,
 	value: e
-} : e, cQ = function() {
+} : e, _Q = function() {
 	let [e, t, n = !1] = Array.prototype.slice.call(arguments);
 	return {
 		type: "radio",
 		label: e,
-		choices: t && t.map((e) => sQ(e)),
+		choices: t && t.map((e) => gQ(e)),
 		isConfigProperty: n
 	};
-}, lQ = (e, t, n = !1) => ({
+}, vQ = (e, t, n = !1) => ({
 	type: "dropdown",
 	label: e,
 	choices: t,
 	isConfigProperty: n
-}), uQ = (e, t, n = !1) => ({
+}), yQ = (e, t, n = !1) => ({
 	...t,
 	label: e,
 	type: "numberField",
 	isConfigProperty: n
-}), dQ = (e, t, n = !1) => (Object.keys(t).map((e) => {
-	t[e] = uQ(t[e].label, t[e], n);
+}), bQ = (e, t, n = !1) => (Object.keys(t).map((e) => {
+	t[e] = yQ(t[e].label, t[e], n);
 }), {
 	type: "numberFields",
 	label: e,
 	fields: t
-}), fQ = (e, t, n = !1) => ({
+}), xQ = (e, t, n = !1) => ({
 	...t,
 	label: e,
 	type: "checkbox",
 	isConfigProperty: n
-}), pQ = (e, t, n = !1) => (Object.keys(t).map((e) => {
-	t[e] = fQ(t[e].label, t[e], n);
+}), SQ = (e, t, n = !1) => (Object.keys(t).map((e) => {
+	t[e] = xQ(t[e].label, t[e], n);
 }), {
 	type: "checkboxes",
 	label: e,
@@ -42876,7 +42963,7 @@ var rQ = class extends N.Component {
 });
 //#endregion
 //#region ../../lib-react/drag/dist/drag-provider.js
-function mQ({ children: e, onDragEnd: t, onDragStart: n, onDragCancel: r, collisionDetection: i, modifiers: a, autoScroll: o, keyboardCoordinateGetter: s, keyboardCodes: c, accessibility: l }) {
+function CQ({ children: e, onDragEnd: t, onDragStart: n, onDragCancel: r, collisionDetection: i, modifiers: a, autoScroll: o, keyboardCoordinateGetter: s, keyboardCodes: c, accessibility: l }) {
 	let [u, d] = ot(null), f = s || c ? {
 		coordinateGetter: s,
 		keyboardCodes: c
@@ -42899,7 +42986,7 @@ function mQ({ children: e, onDragEnd: t, onDragStart: n, onDragCancel: r, collis
 		children: e
 	});
 }
-mQ.propTypes = {
+CQ.propTypes = {
 	children: L.default.node.isRequired,
 	onDragEnd: L.default.func,
 	onDragStart: L.default.func,
@@ -42917,7 +43004,7 @@ mQ.propTypes = {
 };
 //#endregion
 //#region src/author/defaults.tsx
-var hQ = {
+var wQ = {
 	model: {
 		addScaleEnabled: !0,
 		description: !1,
@@ -43026,12 +43113,12 @@ var hQ = {
 		},
 		maxMaxPoints: 10
 	}
-}, { configuration: { excludeZeroDialogBoxContent: gQ, includeZeroDialogBoxContent: _Q, deleteScaleDialogBoxContent: vQ, maxPointsDialogBoxContent: yQ } } = hQ, bQ = {
+}, { configuration: { excludeZeroDialogBoxContent: TQ, includeZeroDialogBoxContent: EQ, deleteScaleDialogBoxContent: DQ, maxPointsDialogBoxContent: OQ } } = wQ, kQ = {
 	remove0: "remove0",
 	add0: "add0",
 	shiftLeft: "shiftLeft",
 	shiftRight: "shiftRight"
-}, xQ = j(Hi)(({ theme: e }) => ({ "& .MuiPaper-root": { padding: e.spacing(2.5) } })), SQ = j(aa)(({ theme: e }) => ({
+}, AQ = j(Hi)(({ theme: e }) => ({ "& .MuiPaper-root": { padding: e.spacing(2.5) } })), jQ = j(aa)(({ theme: e }) => ({
 	padding: `0 0 ${e.spacing(2)} 0`,
 	"& h2": {
 		fontSize: "20px",
@@ -43039,14 +43126,14 @@ var hQ = {
 		fontFamily: "Cerebri Sans",
 		color: A.text()
 	}
-})), CQ = j(Qi)(({ theme: e }) => ({
+})), MQ = j(Qi)(({ theme: e }) => ({
 	paddingLeft: "0",
 	"& p": {
 		fontSize: e.typography.fontSize + 2,
 		fontFamily: "Cerebri Sans",
 		color: A.text()
 	}
-})), wQ = j(We)(({ theme: e }) => ({
+})), NQ = j(We)(({ theme: e }) => ({
 	padding: `${e.spacing(1.5)} ${e.spacing(2)}`,
 	borderRadius: "4px",
 	fontSize: e.typography.fontSize,
@@ -43055,128 +43142,128 @@ var hQ = {
 	textTransform: "none",
 	background: A.primary(),
 	color: e.palette.common.white
-})), TQ = j(wQ)({
+})), PQ = j(NQ)({
 	background: A.secondaryBackground(),
 	color: A.text()
-}), EQ = ({ open: e, changeExcludeZero: t, cancel: n }) => /* @__PURE__ */ I(xQ, {
+}), FQ = ({ open: e, changeExcludeZero: t, cancel: n }) => /* @__PURE__ */ I(AQ, {
 	open: e,
 	children: [
-		/* @__PURE__ */ F(SQ, { children: gQ.title }),
-		/* @__PURE__ */ F(CQ, { children: /* @__PURE__ */ F(na, { children: /* @__PURE__ */ F("div", { dangerouslySetInnerHTML: { __html: gQ.text } }) }) }),
+		/* @__PURE__ */ F(jQ, { children: TQ.title }),
+		/* @__PURE__ */ F(MQ, { children: /* @__PURE__ */ F(na, { children: /* @__PURE__ */ F("div", { dangerouslySetInnerHTML: { __html: TQ.text } }) }) }),
 		/* @__PURE__ */ I(Ki, { children: [
-			/* @__PURE__ */ F(TQ, {
+			/* @__PURE__ */ F(PQ, {
 				onClick: () => n(),
 				children: "Cancel"
 			}),
-			/* @__PURE__ */ F(wQ, {
-				onClick: () => t(bQ.shiftLeft),
+			/* @__PURE__ */ F(NQ, {
+				onClick: () => t(kQ.shiftLeft),
 				children: "Shift to Left"
 			}),
-			/* @__PURE__ */ F(wQ, {
-				onClick: () => t(bQ.remove0),
+			/* @__PURE__ */ F(NQ, {
+				onClick: () => t(kQ.remove0),
 				children: "Remove 0 column"
 			})
 		] })
 	]
 });
-EQ.propTypes = {
+FQ.propTypes = {
 	open: L.default.bool,
 	changeExcludeZero: L.default.func,
 	cancel: L.default.func
 };
-var DQ = ({ open: e, changeExcludeZero: t, cancel: n }) => /* @__PURE__ */ I(xQ, {
+var IQ = ({ open: e, changeExcludeZero: t, cancel: n }) => /* @__PURE__ */ I(AQ, {
 	open: e,
 	children: [
-		/* @__PURE__ */ F(SQ, { children: _Q.title }),
-		/* @__PURE__ */ F(CQ, { children: /* @__PURE__ */ F(na, { children: /* @__PURE__ */ F("div", { dangerouslySetInnerHTML: { __html: _Q.text } }) }) }),
+		/* @__PURE__ */ F(jQ, { children: EQ.title }),
+		/* @__PURE__ */ F(MQ, { children: /* @__PURE__ */ F(na, { children: /* @__PURE__ */ F("div", { dangerouslySetInnerHTML: { __html: EQ.text } }) }) }),
 		/* @__PURE__ */ I(Ki, { children: [
-			/* @__PURE__ */ F(TQ, {
+			/* @__PURE__ */ F(PQ, {
 				onClick: () => n(),
 				children: "Cancel"
 			}),
-			/* @__PURE__ */ F(wQ, {
-				onClick: () => t(bQ.shiftRight),
+			/* @__PURE__ */ F(NQ, {
+				onClick: () => t(kQ.shiftRight),
 				children: "Shift to Right"
 			}),
-			/* @__PURE__ */ F(wQ, {
-				onClick: () => t(bQ.add0),
+			/* @__PURE__ */ F(NQ, {
+				onClick: () => t(kQ.add0),
 				children: "Add 0 column"
 			})
 		] })
 	]
 });
-DQ.propTypes = {
+IQ.propTypes = {
 	open: L.default.bool,
 	changeExcludeZero: L.default.func,
 	cancel: L.default.func
 };
-var OQ = ({ open: e, deleteScorePoints: t, cancel: n }) => /* @__PURE__ */ I(xQ, {
+var LQ = ({ open: e, deleteScorePoints: t, cancel: n }) => /* @__PURE__ */ I(AQ, {
 	open: e,
 	children: [
-		/* @__PURE__ */ F(SQ, { children: yQ.title }),
-		/* @__PURE__ */ F(CQ, { children: /* @__PURE__ */ F(na, { children: /* @__PURE__ */ F("div", { dangerouslySetInnerHTML: { __html: yQ.text } }) }) }),
-		/* @__PURE__ */ I(Ki, { children: [/* @__PURE__ */ F(TQ, {
+		/* @__PURE__ */ F(jQ, { children: OQ.title }),
+		/* @__PURE__ */ F(MQ, { children: /* @__PURE__ */ F(na, { children: /* @__PURE__ */ F("div", { dangerouslySetInnerHTML: { __html: OQ.text } }) }) }),
+		/* @__PURE__ */ I(Ki, { children: [/* @__PURE__ */ F(PQ, {
 			onClick: n,
 			children: "Cancel"
-		}), /* @__PURE__ */ F(wQ, {
+		}), /* @__PURE__ */ F(NQ, {
 			onClick: t,
 			children: "Confirm"
 		})] })
 	]
 });
-OQ.propTypes = {
+LQ.propTypes = {
 	open: L.default.bool,
 	deleteScorePoints: L.default.func,
 	cancel: L.default.func
 };
-var kQ = ({ open: e, scaleIndex: t, deleteScale: n, cancel: r }) => /* @__PURE__ */ I(xQ, {
+var RQ = ({ open: e, scaleIndex: t, deleteScale: n, cancel: r }) => /* @__PURE__ */ I(AQ, {
 	open: e,
 	children: [
-		/* @__PURE__ */ F(SQ, { children: `${vQ.title} #${t + 1}` }),
-		/* @__PURE__ */ F(CQ, { children: /* @__PURE__ */ F(na, { children: /* @__PURE__ */ F("div", { dangerouslySetInnerHTML: { __html: vQ.text } }) }) }),
-		/* @__PURE__ */ I(Ki, { children: [/* @__PURE__ */ F(TQ, {
+		/* @__PURE__ */ F(jQ, { children: `${DQ.title} #${t + 1}` }),
+		/* @__PURE__ */ F(MQ, { children: /* @__PURE__ */ F(na, { children: /* @__PURE__ */ F("div", { dangerouslySetInnerHTML: { __html: DQ.text } }) }) }),
+		/* @__PURE__ */ I(Ki, { children: [/* @__PURE__ */ F(PQ, {
 			onClick: r,
 			children: "Cancel"
-		}), /* @__PURE__ */ F(wQ, {
+		}), /* @__PURE__ */ F(NQ, {
 			onClick: n,
 			children: "Delete"
 		})] })
 	]
 });
-kQ.propTypes = {
+RQ.propTypes = {
 	open: L.default.bool,
 	scaleIndex: L.default.number,
 	deleteScale: L.default.func,
 	cancel: L.default.func
 };
-var AQ = ({ open: e, deleteTrait: t, cancel: n, traitLabel: r }) => /* @__PURE__ */ I(xQ, {
+var zQ = ({ open: e, deleteTrait: t, cancel: n, traitLabel: r }) => /* @__PURE__ */ I(AQ, {
 	open: e,
 	children: [
-		/* @__PURE__ */ I(SQ, { children: ["Delete ", r] }),
-		/* @__PURE__ */ F(CQ, { children: /* @__PURE__ */ F(na, { children: /* @__PURE__ */ F("div", { dangerouslySetInnerHTML: { __html: `Are you sure you want to delete this ${r}?` } }) }) }),
-		/* @__PURE__ */ I(Ki, { children: [/* @__PURE__ */ F(TQ, {
+		/* @__PURE__ */ I(jQ, { children: ["Delete ", r] }),
+		/* @__PURE__ */ F(MQ, { children: /* @__PURE__ */ F(na, { children: /* @__PURE__ */ F("div", { dangerouslySetInnerHTML: { __html: `Are you sure you want to delete this ${r}?` } }) }) }),
+		/* @__PURE__ */ I(Ki, { children: [/* @__PURE__ */ F(PQ, {
 			onClick: n,
 			children: "Cancel"
-		}), /* @__PURE__ */ F(wQ, {
+		}), /* @__PURE__ */ F(NQ, {
 			onClick: t,
 			children: "Delete"
 		})] })
 	]
 });
-AQ.propTypes = {
+zQ.propTypes = {
 	open: L.default.bool,
 	deleteTrait: L.default.func,
 	cancel: L.default.func,
 	traitLabel: L.default.string
 };
-var jQ = ({ open: e, text: t, onClose: n }) => /* @__PURE__ */ I(xQ, {
+var BQ = ({ open: e, text: t, onClose: n }) => /* @__PURE__ */ I(AQ, {
 	open: e,
-	children: [/* @__PURE__ */ F(SQ, { children: t }), /* @__PURE__ */ F(Ki, { children: /* @__PURE__ */ F(wQ, {
+	children: [/* @__PURE__ */ F(jQ, { children: t }), /* @__PURE__ */ F(Ki, { children: /* @__PURE__ */ F(NQ, {
 		onClick: n,
 		children: "OK"
 	}) })]
 });
-jQ.propTypes = {
+BQ.propTypes = {
 	open: L.default.bool,
 	text: L.default.string,
 	cancel: L.default.func,
@@ -43184,29 +43271,29 @@ jQ.propTypes = {
 };
 //#endregion
 //#region src/author/utils.ts
-var MQ = (dc || []).filter((e) => e !== "table" && e !== "bulleted-list" && e !== "numbered-list"), NQ = (e, t) => !e || !e.length ? [] : e.reduce((e, n) => {
+var VQ = (dc || []).filter((e) => e !== "table" && e !== "bulleted-list" && e !== "numbered-list"), HQ = (e, t) => !e || !e.length ? [] : e.reduce((e, n) => {
 	let { scorePointsLabels: r, traits: i } = n || {};
 	if (r.length < 1) return e;
 	switch (t) {
-		case bQ.remove0:
+		case kQ.remove0:
 			r = r.slice(1), i = i.map(({ scorePointsDescriptors: e, ...t }) => ({
 				...t,
 				scorePointsDescriptors: e.slice(1)
 			}));
 			break;
-		case bQ.add0:
+		case kQ.add0:
 			r = ["", ...r], i = i.map(({ scorePointsDescriptors: e, ...t }) => ({
 				...t,
 				scorePointsDescriptors: ["", ...e]
 			}));
 			break;
-		case bQ.shiftLeft:
+		case kQ.shiftLeft:
 			r = r.slice(0, -1), i = i.map(({ scorePointsDescriptors: e, ...t }) => ({
 				...t,
 				scorePointsDescriptors: e.slice(0, -1)
 			}));
 			break;
-		case bQ.shiftRight:
+		case kQ.shiftRight:
 			r = [...r, ""], i = i.map(({ scorePointsDescriptors: e, ...t }) => ({
 				...t,
 				scorePointsDescriptors: [...e, ""]
@@ -43222,13 +43309,13 @@ var MQ = (dc || []).filter((e) => e !== "table" && e !== "bulleted-list" && e !=
 }, []);
 //#endregion
 //#region src/author/common.tsx
-function PQ(e) {
+function UQ(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function FQ(e, t) {
-	return !e || PQ(e) ? e : PQ(e.default) ? e.default : t && PQ(e[t]) ? e[t] : t && PQ(e[t]?.default) ? e[t].default : e;
+function WQ(e, t) {
+	return !e || UQ(e) ? e : UQ(e.default) ? e.default : t && UQ(e[t]) ? e[t] : t && UQ(e[t]?.default) ? e[t].default : e;
 }
-var IQ = FQ(Ie, "InputContainer") || FQ(zQ.InputContainer, "InputContainer"), LQ = ge, RQ = LQ.default, zQ = RQ && typeof RQ == "object" ? RQ : LQ, BQ = "120px", VQ = "100px", HQ = "160px", UQ = `solid 1px ${ue[400]}`, WQ = "8px 4px", GQ = j("div")(({ theme: e }) => ({
+var GQ = WQ(Ie, "InputContainer") || WQ(JQ.InputContainer, "InputContainer"), KQ = ge, qQ = KQ.default, JQ = qQ && typeof qQ == "object" ? qQ : KQ, YQ = "120px", XQ = "100px", ZQ = "160px", QQ = `solid 1px ${ue[400]}`, $Q = "8px 4px", e$ = j("div")(({ theme: e }) => ({
 	fontFamily: "Cerebri",
 	"& .editable-label": {
 		textAlign: "left",
@@ -43239,9 +43326,9 @@ var IQ = FQ(Ie, "InputContainer") || FQ(zQ.InputContainer, "InputContainer"), LQ
 			border: "none"
 		},
 		"& > div:first-of-type": {
-			borderLeft: UQ,
+			borderLeft: QQ,
 			borderRadius: 0,
-			padding: WQ
+			padding: $Q
 		}
 	},
 	"& .editable-level": {
@@ -43254,9 +43341,9 @@ var IQ = FQ(Ie, "InputContainer") || FQ(zQ.InputContainer, "InputContainer"), LQ
 		padding: 0,
 		border: "none",
 		"& > div:first-of-type": {
-			borderBottom: UQ,
+			borderBottom: QQ,
 			borderRadius: 0,
-			padding: WQ
+			padding: $Q
 		}
 	},
 	"& .expanded-input-prompt": {
@@ -43264,17 +43351,17 @@ var IQ = FQ(Ie, "InputContainer") || FQ(zQ.InputContainer, "InputContainer"), LQ
 		margin: "10px",
 		marginTop: 0,
 		"& > div:first-of-type": {
-			border: UQ,
+			border: QQ,
 			borderRadius: "4px",
-			padding: WQ
+			padding: $Q
 		},
 		"& .tiptap": {
 			fontFamily: "Cerebri",
-			height: BQ,
+			height: YQ,
 			padding: 0
 		}
 	}
-})), KQ = j("div")(({ theme: e }) => ({
+})), t$ = j("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize + 2,
 	textAlign: "right",
 	display: "flex",
@@ -43287,47 +43374,47 @@ var IQ = FQ(Ie, "InputContainer") || FQ(zQ.InputContainer, "InputContainer"), LQ
 	justifyContent: "space-around",
 	color: A.text(),
 	cursor: "pointer"
-})), qQ = ({ children: e, onClick: t }) => /* @__PURE__ */ I(KQ, {
+})), n$ = ({ children: e, onClick: t }) => /* @__PURE__ */ I(t$, {
 	onClick: t,
 	children: [/* @__PURE__ */ F("strong", { children: "+" }), /* @__PURE__ */ F("div", { children: e })]
-}), JQ = j("div")({
+}), r$ = j("div")({
 	width: "200px",
 	minWidth: "200px",
 	position: "relative",
 	padding: "0 10px",
 	boxSizing: "border-box"
-}), YQ = j("div")(({ theme: e }) => ({
+}), i$ = j("div")(({ theme: e }) => ({
 	width: "200px",
 	minWidth: "200px",
 	"& ul, ol": {
 		marginBlockStart: 0,
 		paddingInlineStart: e.spacing(2)
 	}
-})), XQ = j("div")({
+})), a$ = j("div")({
 	display: "flex",
 	overflowX: "hidden",
 	overflowY: "hidden",
 	alignItems: "flex-end",
 	paddingBottom: "30px"
-}), ZQ = ({ children: e, setRef: t, width: n }) => /* @__PURE__ */ F(XQ, {
+}), o$ = ({ children: e, setRef: t, width: n }) => /* @__PURE__ */ F(a$, {
 	style: { width: n },
 	ref: t,
 	children: e
-}), QQ = (({ children: e, height: t }) => /* @__PURE__ */ F("div", {
+}), s$ = (({ children: e, height: t }) => /* @__PURE__ */ F("div", {
 	style: {
 		display: "flex",
 		height: t
 	},
 	children: e
-})), $Q = j("div")({ padding: "0 10px" }), e$ = j("div")({
+})), c$ = j("div")({ padding: "0 10px" }), l$ = j("div")({
 	display: "flex",
 	borderRadius: "4px",
 	background: "white",
 	flexDirection: "row",
 	alignItems: "center",
 	justifyContent: "space-between",
-	border: UQ
-}), t$ = j("div")({
+	border: QQ
+}), u$ = j("div")({
 	display: "flex",
 	borderRadius: "4px",
 	background: "none",
@@ -43335,17 +43422,17 @@ var IQ = FQ(Ie, "InputContainer") || FQ(zQ.InputContainer, "InputContainer"), LQ
 	alignItems: "center",
 	justifyContent: "center",
 	border: "0"
-}), n$ = j("div")({
+}), d$ = j("div")({
 	width: "24px",
 	textAlign: "center"
-}), r$ = ({ error: e = "", scorePointsValue: t, scoreDescriptor: n, pluginProps: r, onChange: i, showScorePointLabels: a, alignToRight: o, spellCheck: s, uploadSoundSupport: c, imageSupport: l = {}, mathMlOptions: u = {} }) => /* @__PURE__ */ F(GQ, { children: /* @__PURE__ */ F($Q, { children: /* @__PURE__ */ I(a ? e$ : t$, { children: [/* @__PURE__ */ F(n$, { children: t }), a ? /* @__PURE__ */ F(fX, {
+}), f$ = ({ error: e = "", scorePointsValue: t, scoreDescriptor: n, pluginProps: r, onChange: i, showScorePointLabels: a, alignToRight: o, spellCheck: s, uploadSoundSupport: c, imageSupport: l = {}, mathMlOptions: u = {} }) => /* @__PURE__ */ F(e$, { children: /* @__PURE__ */ F(c$, { children: /* @__PURE__ */ I(a ? l$ : u$, { children: [/* @__PURE__ */ F(d$, { children: t }), a ? /* @__PURE__ */ F(xX, {
 	className: "editable-label",
 	error: e,
 	markup: n,
 	placeholder: " Enter Label",
 	onChange: i,
 	pluginProps: r,
-	activePlugins: MQ,
+	activePlugins: VQ,
 	spellCheck: s,
 	toolbarOpts: o ? { alignment: "right" } : {},
 	uploadSoundSupport: c,
@@ -43353,7 +43440,7 @@ var IQ = FQ(Ie, "InputContainer") || FQ(zQ.InputContainer, "InputContainer"), LQ
 	mathMlOptions: u,
 	imageSupport: l,
 	autoWidthToolbar: !0
-}) : null] }) }) }), i$ = j(ui)(({ theme: e }) => ({
+}) : null] }) }) }), p$ = j(ui)(({ theme: e }) => ({
 	"&.MuiInputBase-root": {
 		background: e.palette.common.white,
 		marginTop: e.spacing(1),
@@ -43362,65 +43449,65 @@ var IQ = FQ(Ie, "InputContainer") || FQ(zQ.InputContainer, "InputContainer"), LQ
 	"& .MuiInputBase-input": {
 		borderRadius: "4px",
 		position: "relative",
-		border: UQ,
+		border: QQ,
 		fontSize: e.typography.fontSize,
 		fontFamily: "Cerebri Sans",
 		padding: `${e.spacing(1)} ${e.spacing(1.5)}`,
 		"&:focus": { borderRadius: "4px" }
 	}
-})), a$ = (e) => Array.from({ length: e }, (e, t) => t + 1), o$ = ({ maxPoints: e, onChange: t, maxMaxPoints: n }) => /* @__PURE__ */ F(IQ, {
+})), m$ = (e) => Array.from({ length: e }, (e, t) => t + 1), h$ = ({ maxPoints: e, onChange: t, maxMaxPoints: n }) => /* @__PURE__ */ F(GQ, {
 	label: "Max Points",
 	children: /* @__PURE__ */ F(qo, {
 		value: e,
 		onChange: t,
-		input: /* @__PURE__ */ F(i$, {}),
+		input: /* @__PURE__ */ F(p$, {}),
 		MenuProps: { transitionDuration: {
 			enter: 225,
 			exit: 195
 		} },
-		children: a$(n).map((e) => /* @__PURE__ */ F(Qo, {
+		children: m$(n).map((e) => /* @__PURE__ */ F(Qo, {
 			value: e,
 			children: e
 		}, `menu-item-${e}`))
 	})
-}), s$ = j("div")(({ theme: e }) => ({
+}), g$ = j("div")(({ theme: e }) => ({
 	display: "flex",
 	justifyContent: "space-between",
 	alignItems: "center",
 	margin: `${e.spacing(1.5)} 0`
-})), c$ = ({ markup: e, onChange: t, pluginProps: n, label: r, spellCheck: i, uploadSoundSupport: a, mathMlOptions: o = {}, imageSupport: s = {} }) => /* @__PURE__ */ F(GQ, { children: /* @__PURE__ */ I(s$, { children: [r && /* @__PURE__ */ F("div", { children: r }), /* @__PURE__ */ F(fX, {
+})), _$ = ({ markup: e, onChange: t, pluginProps: n, label: r, spellCheck: i, uploadSoundSupport: a, mathMlOptions: o = {}, imageSupport: s = {} }) => /* @__PURE__ */ F(e$, { children: /* @__PURE__ */ I(g$, { children: [r && /* @__PURE__ */ F("div", { children: r }), /* @__PURE__ */ F(xX, {
 	className: "editable-level",
 	markup: e,
 	onChange: t,
 	placeholder: "Trait Label",
 	pluginProps: n,
-	activePlugins: MQ,
+	activePlugins: VQ,
 	spellCheck: i,
 	uploadSoundSupport: a,
 	languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 	mathMlOptions: o,
 	imageSupport: s,
 	autoWidthToolbar: !0
-})] }) }), l$ = j("div")({
+})] }) }), v$ = j("div")({
 	width: "100%",
 	display: "flex",
 	justifyContent: "center",
 	alignItems: "center"
-}), u$ = ({ error: e, markup: t, onChange: n, pluginProps: r, label: i, placeholder: a, spellCheck: o, uploadSoundSupport: s, imageSupport: c = {}, mathMlOptions: l = {} }) => /* @__PURE__ */ F(GQ, { children: /* @__PURE__ */ I(l$, { children: [i && /* @__PURE__ */ F("div", { children: i }), /* @__PURE__ */ F(fX, {
+}), y$ = ({ error: e, markup: t, onChange: n, pluginProps: r, label: i, placeholder: a, spellCheck: o, uploadSoundSupport: s, imageSupport: c = {}, mathMlOptions: l = {} }) => /* @__PURE__ */ F(e$, { children: /* @__PURE__ */ I(v$, { children: [i && /* @__PURE__ */ F("div", { children: i }), /* @__PURE__ */ F(xX, {
 	className: "underlined-editable-level",
 	error: e,
 	markup: t,
 	onChange: n,
 	placeholder: a,
 	pluginProps: r,
-	activePlugins: MQ,
+	activePlugins: VQ,
 	spellCheck: o,
 	uploadSoundSupport: s,
 	languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 	mathMlOptions: l,
 	imageSupport: c,
 	autoWidthToolbar: !0
-})] }) }), d$ = ({ error: e, markup: t, onChange: n, pluginProps: r, placeholder: i, alignToRight: a, spellCheck: o, uploadSoundSupport: s, mathMlOptions: c = {}, imageSupport: l = {} }) => /* @__PURE__ */ F(GQ, { children: /* @__PURE__ */ F(fX, {
+})] }) }), b$ = ({ error: e, markup: t, onChange: n, pluginProps: r, placeholder: i, alignToRight: a, spellCheck: o, uploadSoundSupport: s, mathMlOptions: c = {}, imageSupport: l = {} }) => /* @__PURE__ */ F(e$, { children: /* @__PURE__ */ F(xX, {
 	className: "expanded-input-prompt",
 	error: e,
 	markup: t,
@@ -43434,13 +43521,13 @@ var IQ = FQ(Ie, "InputContainer") || FQ(zQ.InputContainer, "InputContainer"), LQ
 	autoWidthToolbar: !0,
 	mathMlOptions: c,
 	imageSupport: l
-}) }), f$ = j("div")(({ theme: e }) => ({
+}) }), x$ = j("div")(({ theme: e }) => ({
 	display: "flex",
 	justifyContent: "space-between",
 	alignItems: "flex-end",
 	paddingBottom: "18px",
 	gap: e.spacing(.25)
-})), p$ = j("div")(({ theme: e }) => ({
+})), S$ = j("div")(({ theme: e }) => ({
 	position: "absolute",
 	zIndex: 10,
 	cursor: "pointer",
@@ -43449,7 +43536,7 @@ var IQ = FQ(Ie, "InputContainer") || FQ(zQ.InputContainer, "InputContainer"), LQ
 	justifyContent: "center",
 	background: `linear-gradient(to left, ${e.palette.common.white}, ${A.background()})`,
 	boxSizing: "border-box"
-})), m$ = j("div")(({ theme: e }) => ({
+})), C$ = j("div")(({ theme: e }) => ({
 	position: "absolute",
 	zIndex: 11,
 	cursor: "pointer",
@@ -43462,7 +43549,7 @@ var IQ = FQ(Ie, "InputContainer") || FQ(zQ.InputContainer, "InputContainer"), LQ
 		position: "absolute",
 		bottom: "-24px"
 	}
-})), h$ = ({ children: e, show: t, width: n, onClick: r, left: i, showLevelTagInput: a }) => /* @__PURE__ */ F(p$, {
+})), w$ = ({ children: e, show: t, width: n, onClick: r, left: i, showLevelTagInput: a }) => /* @__PURE__ */ F(S$, {
 	style: {
 		height: "-webkit-fill-available",
 		display: t ? "flex" : "none",
@@ -43471,11 +43558,11 @@ var IQ = FQ(Ie, "InputContainer") || FQ(zQ.InputContainer, "InputContainer"), LQ
 		background: i ? `linear-gradient(to right, white, ${A.background()})` : void 0
 	},
 	onClick: r,
-	children: /* @__PURE__ */ F(m$, {
+	children: /* @__PURE__ */ F(C$, {
 		style: {
 			display: t ? "flex" : "none",
 			width: n,
-			height: a ? HQ : VQ,
+			height: a ? ZQ : XQ,
 			left: 0,
 			background: i ? `linear-gradient(to right, ${A.secondaryBackground()}, ${A.background()})` : void 0
 		},
@@ -43485,27 +43572,27 @@ var IQ = FQ(Ie, "InputContainer") || FQ(zQ.InputContainer, "InputContainer"), LQ
 });
 //#endregion
 //#region src/author/traitsHeader.tsx
-function g$(e) {
+function T$(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function _$(e, t) {
-	return !e || g$(e) ? e : g$(e.default) ? e.default : t && g$(e[t]) ? e[t] : t && g$(e[t]?.default) ? e[t].default : e;
+function E$(e, t) {
+	return !e || T$(e) ? e : T$(e.default) ? e.default : t && T$(e[t]) ? e[t] : t && T$(e[t]?.default) ? e[t].default : e;
 }
-var v$ = _$(ie, "InlineMenu") || _$(x$.InlineMenu, "InlineMenu"), y$ = ge, b$ = y$.default, x$ = b$ && typeof b$ == "object" ? b$ : y$, S$ = j("div")({
+var D$ = E$(ie, "InlineMenu") || E$(A$.InlineMenu, "InlineMenu"), O$ = ge, k$ = O$.default, A$ = k$ && typeof k$ == "object" ? k$ : O$, j$ = j("div")({
 	width: "140px",
 	border: "none",
 	padding: "10px 0",
 	display: "flex",
 	alignItems: "center",
 	justifyContent: "space-around"
-}), C$ = j("div")(({ height: e, theme: t }) => ({
+}), M$ = j("div")(({ height: e, theme: t }) => ({
 	background: A.secondaryBackground(),
 	borderRadius: "4px",
 	position: "relative",
 	marginBottom: t.spacing(2),
 	display: "flex",
 	height: e
-})), w$ = j("div")(({ theme: e }) => ({
+})), N$ = j("div")(({ theme: e }) => ({
 	width: "200px",
 	minWidth: "200px",
 	position: "relative",
@@ -43513,12 +43600,12 @@ var v$ = _$(ie, "InlineMenu") || _$(x$.InlineMenu, "InlineMenu"), y$ = ge, b$ =
 	boxSizing: "border-box",
 	paddingTop: e.spacing(1.5),
 	alignSelf: "center"
-})), T$ = j("div")(({ theme: e }) => ({
+})), P$ = j("div")(({ theme: e }) => ({
 	position: "absolute",
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(.5)
-})), E$ = class extends N.Component {
+})), F$ = class extends N.Component {
 	static propTypes = {
 		maxPointsEnabled: L.default.bool,
 		spellCheck: L.default.bool,
@@ -43542,9 +43629,9 @@ var v$ = _$(ie, "InlineMenu") || _$(x$.InlineMenu, "InlineMenu"), y$ = ge, b$ =
 	};
 	render() {
 		let { scorePointsValues: e, scorePointsLabels: t, traitLabel: n, currentPosition: r, showStandards: i, onTraitLabelChange: a, showDescription: o, showLevelTagInput: s, maxPoints: c, updateMaxPointsFieldValue: l, scaleIndex: u, showScorePointLabels: d, secondaryBlockWidth: f, setSecondaryBlockRef: p, spellCheck: m, uploadSoundSupport: h, maxPointsEnabled: g, mathMlOptions: _ = {}, errors: v = {}, maxMaxPoints: y, labelPluginProps: b = {}, imageSupport: x = {} } = this.props, { anchorEl: S } = this.state;
-		return /* @__PURE__ */ I(C$, {
-			height: s ? HQ : VQ,
-			children: [/* @__PURE__ */ I(w$, { children: [s && /* @__PURE__ */ F(c$, {
+		return /* @__PURE__ */ I(M$, {
+			height: s ? ZQ : XQ,
+			children: [/* @__PURE__ */ I(N$, { children: [s && /* @__PURE__ */ F(_$, {
 				markup: n || "Trait",
 				onChange: a,
 				pluginProps: b,
@@ -43553,9 +43640,9 @@ var v$ = _$(ie, "InlineMenu") || _$(x$.InlineMenu, "InlineMenu"), y$ = ge, b$ =
 				uploadSoundSupport: h,
 				mathMlOptions: _,
 				imageSupport: x
-			}), /* @__PURE__ */ I(f$, { children: [
+			}), /* @__PURE__ */ I(x$, { children: [
 				/* @__PURE__ */ I("div", { children: ["Scale ", u + 1] }),
-				g && /* @__PURE__ */ F(o$, {
+				g && /* @__PURE__ */ F(h$, {
 					maxPoints: c,
 					maxMaxPoints: y,
 					onChange: l
@@ -43567,7 +43654,7 @@ var v$ = _$(ie, "InlineMenu") || _$(x$.InlineMenu, "InlineMenu"), y$ = ge, b$ =
 					onClick: this.handleClick,
 					size: "large",
 					children: /* @__PURE__ */ F(gA, {})
-				}), /* @__PURE__ */ F(v$, {
+				}), /* @__PURE__ */ F(D$, {
 					id: "long-menu",
 					anchorEl: S,
 					keepMounted: !0,
@@ -43582,14 +43669,14 @@ var v$ = _$(ie, "InlineMenu") || _$(x$.InlineMenu, "InlineMenu"), y$ = ge, b$ =
 						children: e
 					}, e))
 				})] })
-			] })] }), /* @__PURE__ */ I(ZQ, {
+			] })] }), /* @__PURE__ */ I(o$, {
 				setRef: (e) => {
 					e && (this.secondaryBlock = e, p(e));
 				},
 				width: `${f}px`,
 				children: [
-					i && /* @__PURE__ */ F(YQ, { children: /* @__PURE__ */ F(S$, { children: "Standard(s)" }) }),
-					o && /* @__PURE__ */ F(YQ, { children: /* @__PURE__ */ F(S$, { children: "Description" }) }),
+					i && /* @__PURE__ */ F(i$, { children: /* @__PURE__ */ F(j$, { children: "Standard(s)" }) }),
+					o && /* @__PURE__ */ F(i$, { children: /* @__PURE__ */ F(j$, { children: "Description" }) }),
 					e.map((n, i) => {
 						let a = f - 216 * i + r - 128, o = e.length - i - 1, s, l;
 						try {
@@ -43597,7 +43684,7 @@ var v$ = _$(ie, "InlineMenu") || _$(x$.InlineMenu, "InlineMenu"), y$ = ge, b$ =
 						} catch {
 							s = "";
 						}
-						return /* @__PURE__ */ I(YQ, { children: [/* @__PURE__ */ F(r$, {
+						return /* @__PURE__ */ I(i$, { children: [/* @__PURE__ */ F(f$, {
 							scorePointsValue: n,
 							error: l,
 							scoreDescriptor: s,
@@ -43612,14 +43699,14 @@ var v$ = _$(ie, "InlineMenu") || _$(x$.InlineMenu, "InlineMenu"), y$ = ge, b$ =
 							uploadSoundSupport: h,
 							mathMlOptions: _,
 							imageSupport: x
-						}), l && /* @__PURE__ */ F(T$, { children: l })] }, `secondary-block-part-${i}`);
+						}), l && /* @__PURE__ */ F(P$, { children: l })] }, `secondary-block-part-${i}`);
 					})
 				]
 			})]
 		});
 	}
 };
-E$.propTypes = {
+F$.propTypes = {
 	onTraitLabelChange: L.default.func,
 	onScaleChange: L.default.func,
 	scorePointsValues: L.default.arrayOf(L.default.number),
@@ -43646,30 +43733,30 @@ E$.propTypes = {
 };
 //#endregion
 //#region ../../../node_modules/.bun/@mui+icons-material@7.3.11+44ccb211c00abd9d/node_modules/@mui/icons-material/esm/DragIndicator.js
-var D$ = g(/*#__PURE__*/ F("path", { d: "M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2m-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" }), "DragIndicator");
+var I$ = g(/*#__PURE__*/ F("path", { d: "M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2m-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" }), "DragIndicator");
 //#endregion
 //#region src/author/trait.tsx
 (0, sc.default)("@pie-element:placement-ordering:configure:trait-tile");
-var O$ = j(D$)({ color: A.text() }), k$ = j(JQ)(({ theme: e }) => ({
+var L$ = j(I$)({ color: A.text() }), R$ = j(r$)(({ theme: e }) => ({
 	display: "flex",
 	flexDirection: "column",
 	justifyContent: "space-between",
 	marginBottom: e.spacing(5),
 	touchAction: "none"
-})), A$ = j("div")({
+})), z$ = j("div")({
 	display: "flex",
 	alignItems: "center",
 	width: "100%",
 	cursor: "pointer"
-}), j$ = j(Ut)({ marginLeft: "auto" }), M$ = j("div")({
+}), B$ = j(Ut)({ marginLeft: "auto" }), V$ = j("div")({
 	display: "flex",
 	whiteSpace: "break-spaces"
-}), N$ = j("div")(({ theme: e }) => ({
+}), H$ = j("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingBottom: e.spacing(1)
 }));
-function P$({ error: e, trait: { name: t, standards: n, description: r, scorePointsDescriptors: i }, traitLabel: a, scorePointsValues: o, showStandards: s, showDescription: c, enableDragAndDrop: l, currentPosition: u, secondaryBlockWidth: d, spellCheck: f, maxPoints: p, uploadSoundSupport: m, mathMlOptions: h = {}, expandedPluginProps: g = {}, labelPluginProps: _ = {}, imageSupport: v = {}, index: y, onTraitChanged: b, onTraitRemoved: x, onTraitDropped: S }) {
+function U$({ error: e, trait: { name: t, standards: n, description: r, scorePointsDescriptors: i }, traitLabel: a, scorePointsValues: o, showStandards: s, showDescription: c, enableDragAndDrop: l, currentPosition: u, secondaryBlockWidth: d, spellCheck: f, maxPoints: p, uploadSoundSupport: m, mathMlOptions: h = {}, expandedPluginProps: g = {}, labelPluginProps: _ = {}, imageSupport: v = {}, index: y, onTraitChanged: b, onTraitRemoved: x, onTraitDropped: S }) {
 	let [C, w] = N.useState(null), ee = N.useRef(null), { attributes: te, listeners: T, setNodeRef: E, transform: D, isDragging: ne } = tN({
 		id: `trait-${y}`,
 		data: {
@@ -43708,15 +43795,15 @@ function P$({ error: e, trait: { name: t, standards: n, description: r, scorePoi
 			transform: `translate3d(${D.x}px, ${D.y}px, 0)`,
 			opacity: ne ? .5 : 1
 		} : {},
-		children: /* @__PURE__ */ I(QQ, { children: [/* @__PURE__ */ I(k$, { children: [
-			/* @__PURE__ */ I(A$, { children: [
+		children: /* @__PURE__ */ I(s$, { children: [/* @__PURE__ */ I(R$, { children: [
+			/* @__PURE__ */ I(z$, { children: [
 				l && /* @__PURE__ */ F("span", {
 					ref: E,
 					...te,
 					...T,
-					children: /* @__PURE__ */ F(O$, {})
+					children: /* @__PURE__ */ F(L$, {})
 				}),
-				/* @__PURE__ */ F(j$, {
+				/* @__PURE__ */ F(B$, {
 					"aria-label": "more",
 					"aria-controls": "long-menu",
 					"aria-haspopup": "true",
@@ -43736,11 +43823,11 @@ function P$({ error: e, trait: { name: t, standards: n, description: r, scorePoi
 					},
 					children: /* @__PURE__ */ F(Qo, {
 						onClick: ce,
-						children: /* @__PURE__ */ F(M$, { dangerouslySetInnerHTML: { __html: `Remove ${t || a}` } })
+						children: /* @__PURE__ */ F(V$, { dangerouslySetInnerHTML: { __html: `Remove ${t || a}` } })
 					})
 				})
 			] }),
-			/* @__PURE__ */ F(u$, {
+			/* @__PURE__ */ F(y$, {
 				markup: t,
 				error: e?.name || "",
 				onChange: (e) => O({ name: e }),
@@ -43751,14 +43838,14 @@ function P$({ error: e, trait: { name: t, standards: n, description: r, scorePoi
 				mathMlOptions: h,
 				imageSupport: v
 			}),
-			e && /* @__PURE__ */ F(N$, { children: e.name || "" })
-		] }), /* @__PURE__ */ I(ZQ, {
+			e && /* @__PURE__ */ F(H$, { children: e.name || "" })
+		] }), /* @__PURE__ */ I(o$, {
 			setRef: (e) => {
 				ee.current = e;
 			},
 			width: `${d}px`,
 			children: [
-				s && n && /* @__PURE__ */ F(YQ, { children: /* @__PURE__ */ F(d$, {
+				s && n && /* @__PURE__ */ F(i$, { children: /* @__PURE__ */ F(b$, {
 					placeholder: "Standards",
 					markup: n.join(","),
 					onChange: (e) => O({ standards: e.split(",") }),
@@ -43768,7 +43855,7 @@ function P$({ error: e, trait: { name: t, standards: n, description: r, scorePoi
 					mathMlOptions: h,
 					imageSupport: v
 				}) }),
-				c && /* @__PURE__ */ I(YQ, { children: [/* @__PURE__ */ F(d$, {
+				c && /* @__PURE__ */ I(i$, { children: [/* @__PURE__ */ F(b$, {
 					placeholder: "Enter Description",
 					markup: r,
 					error: e?.description || "",
@@ -43778,7 +43865,7 @@ function P$({ error: e, trait: { name: t, standards: n, description: r, scorePoi
 					uploadSoundSupport: m,
 					mathMlOptions: h,
 					imageSupport: v
-				}), e && /* @__PURE__ */ F(N$, { children: e.description || "" })] }),
+				}), e && /* @__PURE__ */ F(H$, { children: e.description || "" })] }),
 				(o || []).map((e, t) => {
 					let n = d - 216 * t + u - 98, r = o.length - t - 1, a;
 					try {
@@ -43786,7 +43873,7 @@ function P$({ error: e, trait: { name: t, standards: n, description: r, scorePoi
 					} catch {
 						a = "";
 					}
-					return /* @__PURE__ */ F(YQ, { children: /* @__PURE__ */ F(d$, {
+					return /* @__PURE__ */ F(i$, { children: /* @__PURE__ */ F(b$, {
 						placeholder: "Enter Descriptor",
 						markup: a,
 						onChange: (e) => ae({
@@ -43805,7 +43892,7 @@ function P$({ error: e, trait: { name: t, standards: n, description: r, scorePoi
 		})] })
 	});
 }
-P$.propTypes = {
+U$.propTypes = {
 	error: L.default.object,
 	index: L.default.number.isRequired,
 	onTraitChanged: L.default.func.isRequired,
@@ -43837,13 +43924,13 @@ P$.propTypes = {
 };
 //#endregion
 //#region src/author/scale.tsx
-var F$ = 216, I$ = j("div")(({ theme: e }) => ({
+var W$ = 216, G$ = j("div")(({ theme: e }) => ({
 	display: "flex",
 	flexDirection: "column",
 	wordBreak: "break-word",
 	position: "relative",
 	marginBottom: e.spacing(2.5)
-})), L$ = class extends N.Component {
+})), K$ = class extends N.Component {
 	state = {
 		showDecreaseMaxPointsDialog: !1,
 		showDeleteScaleDialog: !1,
@@ -43945,7 +44032,7 @@ var F$ = 216, I$ = j("div")(({ theme: e }) => ({
 		}
 	};
 	decreasePosition = () => {
-		let { currentPosition: e } = this.state, t = Math.max(e - F$, 0), n = this.getMaxScroll();
+		let { currentPosition: e } = this.state, t = Math.max(e - W$, 0), n = this.getMaxScroll();
 		this.setState({
 			currentPosition: t,
 			showRight: t < n,
@@ -43962,7 +44049,7 @@ var F$ = 216, I$ = j("div")(({ theme: e }) => ({
 		return +!!t + +!!n + a;
 	};
 	increasePosition = () => {
-		let { currentPosition: e } = this.state, t = this.getMaxScroll(), n = Math.min(e + F$, t);
+		let { currentPosition: e } = this.state, t = this.getMaxScroll(), n = Math.min(e + W$, t);
 		this.setState({
 			currentPosition: n,
 			showRight: n < t,
@@ -43972,14 +44059,14 @@ var F$ = 216, I$ = j("div")(({ theme: e }) => ({
 	render() {
 		let { errors: e, scale: t, scaleIndex: n, showStandards: r, onScaleChanged: i, excludeZero: a, showDescription: o, showLevelTagInput: s, showScorePointLabels: c, enableDragAndDrop: l, spellCheck: u, width: d, uploadSoundSupport: f, maxPointsEnabled: p, mathMlOptions: m = {}, maxMaxPoints: h, expandedPluginProps: g = {}, labelPluginProps: _ = {}, imageSupport: v = {} } = this.props || {}, { maxPoints: y, scorePointsLabels: b, traitLabel: x, traits: S } = t || {}, { showDecreaseMaxPointsDialog: C, showDeleteScaleDialog: w, showDeleteTraitDialog: ee, currentPosition: te, showRight: T, showLeft: E, showInfoDialog: D, infoDialogText: ne } = this.state, { traitsErrors: re, scorePointsErrors: O } = e || {}, ie = re && re[n] || {}, ae = O && O[n] || {}, oe = [], se = parseInt(d) - 32 - 200 || 320;
 		for (let e = y; +(e >= a); --e) oe.push(e);
-		return /* @__PURE__ */ F(mQ, {
+		return /* @__PURE__ */ F(CQ, {
 			onDragEnd: this.onTraitDropped,
-			children: /* @__PURE__ */ I(I$, {
+			children: /* @__PURE__ */ I(G$, {
 				ref: (e) => {
 					this.scaleWrapper = e;
 				},
 				children: [
-					/* @__PURE__ */ F(E$, {
+					/* @__PURE__ */ F(F$, {
 						setSecondaryBlockRef: (e) => {
 							e && (this.secondaryBlockRef = e);
 						},
@@ -44008,7 +44095,7 @@ var F$ = 216, I$ = j("div")(({ theme: e }) => ({
 						labelPluginProps: _,
 						imageSupport: v
 					}, "header-key"),
-					S.map((e, t) => /* @__PURE__ */ F(P$, {
+					S.map((e, t) => /* @__PURE__ */ F(U$, {
 						index: t,
 						error: ie && ie[t],
 						trait: e,
@@ -44030,43 +44117,43 @@ var F$ = 216, I$ = j("div")(({ theme: e }) => ({
 						labelPluginProps: _,
 						imageSupport: v
 					}, t)),
-					/* @__PURE__ */ F(h$, {
-						width: `${F$ / 2}px`,
+					/* @__PURE__ */ F(w$, {
+						width: `${W$ / 2}px`,
 						show: E,
 						onClick: this.decreasePosition,
 						left: "200px",
 						showLevelTagInput: s,
 						children: /* @__PURE__ */ F(Ae, {})
 					}),
-					/* @__PURE__ */ F(h$, {
-						width: `${F$ / 2}px`,
+					/* @__PURE__ */ F(w$, {
+						width: `${W$ / 2}px`,
 						show: T,
 						onClick: this.increasePosition,
 						showLevelTagInput: s,
 						children: /* @__PURE__ */ F(we, {})
 					}),
-					/* @__PURE__ */ F(qQ, {
+					/* @__PURE__ */ F(n$, {
 						onClick: this.onTraitAdded,
 						children: /* @__PURE__ */ F("div", { dangerouslySetInnerHTML: { __html: `Add ${x || " Trait"}` } })
 					}),
-					/* @__PURE__ */ F(OQ, {
+					/* @__PURE__ */ F(LQ, {
 						open: !!C,
 						deleteScorePoints: this.changeMaxPoints,
 						cancel: this.hideDecreaseMaxPointsModal
 					}),
-					/* @__PURE__ */ F(kQ, {
+					/* @__PURE__ */ F(RQ, {
 						open: !!w,
 						scaleIndex: n,
 						deleteScale: this.deleteScale,
 						cancel: this.hideDeleteScaleModal
 					}),
-					/* @__PURE__ */ F(AQ, {
+					/* @__PURE__ */ F(zQ, {
 						open: !!ee,
 						deleteTrait: this.onTraitRemoved,
 						cancel: this.hideDeleteTraitModal,
 						traitLabel: x.toLowerCase()
 					}),
-					/* @__PURE__ */ F(jQ, {
+					/* @__PURE__ */ F(BQ, {
 						open: D,
 						text: ne,
 						onClose: () => this.set({ showInfoDialog: !1 })
@@ -44076,7 +44163,7 @@ var F$ = 216, I$ = j("div")(({ theme: e }) => ({
 		});
 	}
 };
-L$.propTypes = {
+K$.propTypes = {
 	errors: L.default.object,
 	scale: L.default.shape({
 		maxPoints: L.default.number,
@@ -44105,26 +44192,26 @@ L$.propTypes = {
 };
 //#endregion
 //#region src/author/main.tsx
-var { Panel: R$, toggle: z$ } = iQ, B$ = "650px", V$ = j("div")(({ theme: e }) => ({
+var { Panel: q$, toggle: J$ } = pQ, Y$ = "650px", X$ = j("div")(({ theme: e }) => ({
 	fontFamily: "Cerebri Sans",
 	fontSize: e.typography.fontSize + 2,
 	padding: "16px 0"
-})), H$ = ({ showExcludeZeroDialog: e, excludeZero: t, changeExcludeZero: n, cancel: r }) => e && !t ? /* @__PURE__ */ F(EQ, {
+})), Z$ = ({ showExcludeZeroDialog: e, excludeZero: t, changeExcludeZero: n, cancel: r }) => e && !t ? /* @__PURE__ */ F(FQ, {
 	open: e && !t,
 	changeExcludeZero: n,
 	cancel: r
-}) : e && t ? /* @__PURE__ */ F(DQ, {
+}) : e && t ? /* @__PURE__ */ F(IQ, {
 	open: e && t,
 	changeExcludeZero: n,
 	cancel: r
 }) : null;
-H$.propTypes = {
+Z$.propTypes = {
 	showExcludeZeroDialog: L.default.bool,
 	excludeZero: L.default.bool,
 	changeExcludeZero: L.default.func,
 	cancel: L.default.func
 };
-var U$ = class extends N.Component {
+var Q$ = class extends N.Component {
 	constructor(e) {
 		super(e), this.divRef = N.createRef(), this.updateDivWidth = this.updateDivWidth.bind(this);
 	}
@@ -44135,7 +44222,7 @@ var U$ = class extends N.Component {
 		showExcludeZeroDialog: !1,
 		showInfoDialog: !1,
 		infoDialogText: "",
-		adjustedWidth: B$,
+		adjustedWidth: Y$,
 		initialUpdateCompleted: !1
 	};
 	componentDidMount() {
@@ -44175,7 +44262,7 @@ var U$ = class extends N.Component {
 		if (e < 0 || e >= i.length || At(t)) return !1;
 		Object.keys(t).forEach((n) => {
 			i[e][n] = t[n];
-		}), n.excludeZero && t.maxPoints === 1 && (n.excludeZero = !1, i = NQ(i, bQ.add0)), r({
+		}), n.excludeZero && t.maxPoints === 1 && (n.excludeZero = !1, i = HQ(i, kQ.add0)), r({
 			...n,
 			scales: i
 		});
@@ -44237,7 +44324,7 @@ var U$ = class extends N.Component {
 		let { model: t, onModelChanged: n } = this.props || {}, { scales: r } = t || {}, { excludeZero: i } = t || {};
 		if (!r || !r.length) return;
 		i = !i;
-		let a = NQ(r, e);
+		let a = HQ(r, e);
 		n({
 			...t,
 			scales: a,
@@ -44250,24 +44337,24 @@ var U$ = class extends N.Component {
 	};
 	render() {
 		let { model: e, configuration: t, onConfigurationChanged: n, uploadSoundSupport: r, imageSupport: i } = this.props || {}, { addScale: a, baseInputConfiguration: o = {}, dragAndDrop: s, contentDimensions: c = {}, showDescription: l, showExcludeZero: u, showLevelTagInput: d, showStandards: f, showHalfScoring: p, showMaxPoint: m, showScorePointLabels: h, showVisibleToStudent: g, spellCheck: _ = {}, settingsPanelDisabled: v, maxNoOfTraits: y, minNoOfTraits: b, width: x, mathMlOptions: S = {}, maxMaxPoints: C, expandedInput: w = {}, labelInput: ee = {} } = t || {}, { errors: te, extraCSSRules: T, scales: E, excludeZero: D, description: ne, pointLabels: re, standards: O, spellCheckEnabled: ie, maxPointsEnabled: ae, addScaleEnabled: oe } = e || {}, { showExcludeZeroDialog: se, showInfoDialog: ce, infoDialogText: le, adjustedWidth: ue } = this.state || {}, de = E?.some((e) => e.maxPoints === 1), fe = {
-			standards: f.settings && z$(f.label),
-			"showLevelTagInput.enabled": d.settings && z$(d.label, !0),
-			visibleToStudent: g.settings && z$(g.label),
-			excludeZero: u.settings && z$(u.label, !1, de),
-			halfScoring: p.settings && z$(p.label),
-			"dragAndDrop.enabled": s.settings && z$(s.label, !0)
+			standards: f.settings && J$(f.label),
+			"showLevelTagInput.enabled": d.settings && J$(d.label, !0),
+			visibleToStudent: g.settings && J$(g.label),
+			excludeZero: u.settings && J$(u.label, !1, de),
+			halfScoring: p.settings && J$(p.label),
+			"dragAndDrop.enabled": s.settings && J$(s.label, !0)
 		}, k = {
-			description: l.settings && z$(l.label),
-			pointLabels: h.settings && z$(h.label),
-			spellCheckEnabled: _.settings && z$(_.label),
-			maxPointsEnabled: m.settings && z$(m.label),
-			addScaleEnabled: a.settings && z$(a.label)
+			description: l.settings && J$(l.label),
+			pointLabels: h.settings && J$(h.label),
+			spellCheckEnabled: _.settings && J$(_.label),
+			maxPointsEnabled: m.settings && J$(m.label),
+			addScaleEnabled: a.settings && J$(a.label)
 		}, pe = (e) => Object.assign({ ...o }, e || {});
-		return /* @__PURE__ */ I(kZ.ConfigLayout, {
+		return /* @__PURE__ */ I(RZ.ConfigLayout, {
 			extraCSSRules: T,
 			dimensions: c,
 			hideSettings: v,
-			settings: /* @__PURE__ */ F(R$, {
+			settings: /* @__PURE__ */ F(q$, {
 				model: e,
 				onChangeModel: this.onModelChanged,
 				configuration: t,
@@ -44276,7 +44363,7 @@ var U$ = class extends N.Component {
 					Settings: fe,
 					Properties: k
 				},
-				modal: /* @__PURE__ */ F(H$, {
+				modal: /* @__PURE__ */ F(Z$, {
 					showExcludeZeroDialog: se,
 					excludeZero: D,
 					changeExcludeZero: this.changeExcludeZero,
@@ -44288,9 +44375,9 @@ var U$ = class extends N.Component {
 					style: { width: "100%" },
 					ref: this.divRef
 				}),
-				/* @__PURE__ */ I(V$, {
+				/* @__PURE__ */ I(X$, {
 					style: { width: x || ue },
-					children: [(E || []).map((e, t) => /* @__PURE__ */ F(L$, {
+					children: [(E || []).map((e, t) => /* @__PURE__ */ F(K$, {
 						scale: e,
 						scaleIndex: t,
 						errors: te,
@@ -44314,12 +44401,12 @@ var U$ = class extends N.Component {
 						maxMaxPoints: C,
 						expandedPluginProps: pe(w?.inputConfiguration),
 						labelPluginProps: pe(ee?.inputConfiguration)
-					}, `scale-${t}`)), oe && /* @__PURE__ */ F(qQ, {
+					}, `scale-${t}`)), oe && /* @__PURE__ */ F(n$, {
 						onClick: this.onScaleAdded,
 						children: "Add Scale"
 					})]
 				}),
-				/* @__PURE__ */ F(jQ, {
+				/* @__PURE__ */ F(BQ, {
 					open: ce,
 					text: le,
 					onClose: () => this.set({ showInfoDialog: !1 })
@@ -44328,7 +44415,7 @@ var U$ = class extends N.Component {
 		});
 	}
 };
-U$.propTypes = {
+Q$.propTypes = {
 	model: L.default.object,
 	uploadSoundSupport: L.default.object,
 	configuration: L.default.object,
@@ -44341,15 +44428,15 @@ U$.propTypes = {
 };
 //#endregion
 //#region src/author/index.ts
-var W$ = (e) => ({
-	...hQ.model,
+var $$ = (e) => ({
+	...wQ.model,
 	...e
-}), G$ = (e) => ({
-	...hQ.configuration,
+}), e1 = (e) => ({
+	...wQ.configuration,
 	...e
-}), K$ = class extends HTMLElement {
+}), t1 = class extends HTMLElement {
 	constructor() {
-		super(), this._root = null, this._model = W$(), this._configuration = G$();
+		super(), this._root = null, this._model = $$(), this._configuration = e1();
 	}
 	updateModelAccordingToReceivedProps = (e) => {
 		let t = { ...this._model };
@@ -44371,19 +44458,19 @@ var W$ = (e) => ({
 				if (t !== n) if (t < n) for (let r = 0; r < n - t; r++) e.scorePointsDescriptors.push("");
 				else e.scorePointsDescriptors = e.scorePointsDescriptors.slice(0, n);
 			});
-		}), n.excludeZero && n.scales.some((e) => e.maxPoints === 1) && (n.excludeZero = !1, n.scales = NQ(r, bQ.add0)), n;
+		}), n.excludeZero && n.scales.some((e) => e.maxPoints === 1) && (n.excludeZero = !1, n.scales = HQ(r, kQ.add0)), n;
 	};
 	set model(e) {
-		this._model = this.updateModelAccordingToReceivedProps(W$(e)), this._render();
+		this._model = this.updateModelAccordingToReceivedProps($$(e)), this._render();
 	}
 	set configuration(e) {
-		this._configuration = G$(e), this._render();
+		this._configuration = e1(e), this._render();
 	}
 	onModelChanged = (e) => {
-		this._model = this.updateModelAccordingToReceivedProps(W$(e)), this._render(), this.dispatchEvent(new _t(this._model, !1));
+		this._model = this.updateModelAccordingToReceivedProps($$(e)), this._render(), this.dispatchEvent(new _t(this._model, !1));
 	};
 	onConfigurationChanged = (e) => {
-		this._configuration = G$(e), this._render();
+		this._configuration = e1(e), this._render();
 	};
 	insertSound(e) {
 		this.dispatchEvent(new xt(e));
@@ -44399,7 +44486,7 @@ var W$ = (e) => ({
 	}
 	_render() {
 		if (this._model) {
-			let e = N.createElement(U$, {
+			let e = N.createElement(Q$, {
 				model: this._model,
 				configuration: this._configuration,
 				onModelChanged: this.onModelChanged,
@@ -44424,6 +44511,6 @@ var W$ = (e) => ({
 	}
 };
 //#endregion
-export { K$ as default };
+export { t1 as default };
 
 //# sourceMappingURL=index.js.map