@pie-element/charting 13.0.1-next.20261005075357 → 13.0.1-next.20261005182602

package/dist/browser/author/index.js

@@ -1,18 +1,18 @@
 import { i as e } from "../rolldown-runtime-CWhphoD1.js";
-import { $ as t, B as n, C as r, D as i, E as a, F as o, G as s, H as c, I as l, J as u, K as d, L as f, M as p, N as m, P as h, Q as g, R as _, S as v, T as y, U as b, W as x, X as S, Y as C, Z as w, _ as T, a as E, c as D, d as O, f as k, g as A, i as j, k as M, l as N, m as P, n as F, p as I, q as L, r as ee, s as R, t as te, u as z, w as B, z as V } from "../chart-Di0ZKGmX.js";
-import { f as ne, g as re, i as H, r as U, t as W, v as ie } from "../dist-Csg_Ufh1.js";
+import { $ as t, B as n, C as r, D as i, E as a, F as o, G as s, I as c, J as l, K as u, L as d, M as f, N as p, P as m, Q as h, R as g, S as _, T as v, U as y, V as b, W as x, X as S, Y as C, Z as w, _ as T, a as E, c as D, d as O, et as k, f as A, g as j, i as M, k as N, l as P, m as F, n as ee, p as I, q as te, r as L, s as ne, t as R, u as z, w as B, z as V } from "../chart-4c_jHCFa.js";
+import { d as re, i as ie, p as H, s as U, t as W, v as ae } from "../dist-C8LYVZbH.js";
 import * as G from "react";
-import K, { Component as ae, createElement as oe, useEffect as se, useId as ce, useState as le } from "react";
-import { createRoot as ue } from "react-dom/client";
+import K, { Component as oe, createElement as se, useEffect as ce, useId as le, useState as ue } from "react";
+import { createRoot as de } from "react-dom/client";
 import { jsx as q, jsxs as J } from "react/jsx-runtime";
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/utils/createChainedFunction.js
-var de = f;
+var fe = g;
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/FormControlLabel/formControlLabelClasses.js
-function fe(e) {
-	return S("MuiFormControlLabel", e);
+function pe(e) {
+	return w("MuiFormControlLabel", e);
 }
-var Y = C("MuiFormControlLabel", [
+var Y = S("MuiFormControlLabel", [
 	"root",
 	"labelPlacementStart",
 	"labelPlacementTop",
@@ -22,20 +22,20 @@ var Y = C("MuiFormControlLabel", [
 	"error",
 	"required",
 	"asterisk"
-]), pe = (e) => {
+]), me = (e) => {
 	let { classes: t, disabled: n, labelPlacement: r, error: i, required: a } = e;
-	return u({
+	return C({
 		root: [
 			"root",
 			n && "disabled",
-			`labelPlacement${l(r)}`,
+			`labelPlacement${d(r)}`,
 			i && "error",
 			a && "required"
 		],
 		label: ["label", n && "disabled"],
 		asterisk: ["asterisk", i && "error"]
-	}, fe, t);
-}, me = x("label", {
+	}, pe, t);
+}, he = s("label", {
 	name: "MuiFormControlLabel",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -43,10 +43,10 @@ var Y = C("MuiFormControlLabel", [
 		return [
 			{ [`& .${Y.label}`]: t.label },
 			t.root,
-			t[`labelPlacement${l(n.labelPlacement)}`]
+			t[`labelPlacement${d(n.labelPlacement)}`]
 		];
 	}
-})(V(({ theme: e }) => ({
+})(n(({ theme: e }) => ({
 	display: "inline-flex",
 	alignItems: "center",
 	cursor: "pointer",
@@ -77,16 +77,16 @@ var Y = C("MuiFormControlLabel", [
 			style: { marginLeft: 16 }
 		}
 	]
-}))), he = x("span", {
+}))), ge = s("span", {
 	name: "MuiFormControlLabel",
 	slot: "Asterisk"
-})(V(({ theme: e }) => ({ [`&.${Y.error}`]: { color: (e.vars || e).palette.error.main } }))), ge = /*#__PURE__*/ G.forwardRef(function(e, t) {
-	let r = n({
+})(n(({ theme: e }) => ({ [`&.${Y.error}`]: { color: (e.vars || e).palette.error.main } }))), _e = /*#__PURE__*/ G.forwardRef(function(e, t) {
+	let n = b({
 		props: e,
 		name: "MuiFormControlLabel"
-	}), { checked: a, className: o, componentsProps: s = {}, control: c, disabled: l, disableTypography: u, inputRef: d, label: f, labelPlacement: p = "end", name: m, onChange: h, required: g, slots: v = {}, slotProps: b = {}, value: x, ...S } = r, C = y(), T = l ?? c.props.disabled ?? C?.disabled, E = g ?? c.props.required, D = {
-		disabled: T,
-		required: E
+	}), { checked: r, className: a, componentsProps: o = {}, control: s, disabled: c, disableTypography: l, inputRef: u, label: d, labelPlacement: f = "end", name: p, onChange: m, required: g, slots: _ = {}, slotProps: y = {}, value: x, ...S } = n, C = v(), w = c ?? s.props.disabled ?? C?.disabled, T = g ?? s.props.required, E = {
+		disabled: w,
+		required: T
 	};
 	[
 		"checked",
@@ -95,53 +95,53 @@ var Y = C("MuiFormControlLabel", [
 		"value",
 		"inputRef"
 	].forEach((e) => {
-		c.props[e] === void 0 && r[e] !== void 0 && (D[e] = r[e]);
+		s.props[e] === void 0 && n[e] !== void 0 && (E[e] = n[e]);
 	});
-	let O = i({
-		props: r,
+	let D = i({
+		props: n,
 		muiFormControl: C,
 		states: ["error"]
-	}), k = {
-		...r,
-		disabled: T,
-		labelPlacement: p,
-		required: E,
-		error: O.error
-	}, A = pe(k), [j, M] = _("typography", {
-		elementType: P,
+	}), O = {
+		...n,
+		disabled: w,
+		labelPlacement: f,
+		required: T,
+		error: D.error
+	}, k = me(O), [A, j] = V("typography", {
+		elementType: F,
 		externalForwardedProps: {
-			slots: v,
+			slots: _,
 			slotProps: {
-				...s,
-				...b
+				...o,
+				...y
 			}
 		},
-		ownerState: k
-	}), N = f;
-	return N != null && N.type !== P && !u && (N = /*#__PURE__*/ q(j, {
+		ownerState: O
+	}), M = d;
+	return M != null && M.type !== F && !l && (M = /*#__PURE__*/ q(A, {
 		component: "span",
-		...M,
-		className: w(A.label, M?.className),
-		children: N
-	})), /*#__PURE__*/ J(me, {
-		className: w(A.root, o),
-		ownerState: k,
+		...j,
+		className: h(k.label, j?.className),
+		children: M
+	})), /*#__PURE__*/ J(he, {
+		className: h(k.root, a),
+		ownerState: O,
 		ref: t,
 		...S,
-		children: [/*#__PURE__*/ G.cloneElement(c, D), E ? /*#__PURE__*/ J("div", { children: [N, /*#__PURE__*/ J(he, {
-			ownerState: k,
+		children: [/*#__PURE__*/ G.cloneElement(s, E), T ? /*#__PURE__*/ J("div", { children: [M, /*#__PURE__*/ J(ge, {
+			ownerState: O,
 			"aria-hidden": !0,
-			className: A.asterisk,
+			className: k.asterisk,
 			children: [" ", "*"]
-		})] }) : N]
+		})] }) : M]
 	});
 });
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/InputAdornment/inputAdornmentClasses.js
-function _e(e) {
-	return S("MuiInputAdornment", e);
+function ve(e) {
+	return w("MuiInputAdornment", e);
 }
-var ve = C("MuiInputAdornment", [
+var ye = S("MuiInputAdornment", [
 	"root",
 	"filled",
 	"standard",
@@ -151,29 +151,29 @@ var ve = C("MuiInputAdornment", [
 	"disablePointerEvents",
 	"hiddenLabel",
 	"sizeSmall"
-]), ye, be = (e, t) => {
+]), be, xe = (e, t) => {
 	let { ownerState: n } = e;
 	return [
 		t.root,
-		t[`position${l(n.position)}`],
+		t[`position${d(n.position)}`],
 		n.disablePointerEvents === !0 && t.disablePointerEvents,
 		t[n.variant]
 	];
-}, xe = (e) => {
+}, Se = (e) => {
 	let { classes: t, disablePointerEvents: n, hiddenLabel: r, position: i, size: a, variant: o } = e;
-	return u({ root: [
+	return C({ root: [
 		"root",
 		n && "disablePointerEvents",
-		i && `position${l(i)}`,
+		i && `position${d(i)}`,
 		o,
 		r && "hiddenLabel",
-		a && `size${l(a)}`
-	] }, _e, t);
-}, Se = x("div", {
+		a && `size${d(a)}`
+	] }, ve, t);
+}, Ce = s("div", {
 	name: "MuiInputAdornment",
 	slot: "Root",
-	overridesResolver: be
-})(V(({ theme: e }) => ({
+	overridesResolver: xe
+})(n(({ theme: e }) => ({
 	display: "flex",
 	maxHeight: "2em",
 	alignItems: "center",
@@ -182,7 +182,7 @@ var ve = C("MuiInputAdornment", [
 	variants: [
 		{
 			props: { variant: "filled" },
-			style: { [`&.${ve.positionStart}&:not(.${ve.hiddenLabel})`]: { marginTop: 16 } }
+			style: { [`&.${ye.positionStart}&:not(.${ye.hiddenLabel})`]: { marginTop: 16 } }
 		},
 		{
 			props: { position: "start" },
@@ -197,45 +197,45 @@ var ve = C("MuiInputAdornment", [
 			style: { pointerEvents: "none" }
 		}
 	]
-}))), Ce = /*#__PURE__*/ G.forwardRef(function(e, t) {
-	let r = n({
+}))), we = /*#__PURE__*/ G.forwardRef(function(e, t) {
+	let n = b({
 		props: e,
 		name: "MuiInputAdornment"
-	}), { children: i, className: o, component: s = "div", disablePointerEvents: c = !1, disableTypography: l = !1, position: u, variant: d, ...f } = r, p = y() || {}, m = d;
-	d && p.variant, p && !m && (m = p.variant);
-	let h = {
-		...r,
-		hiddenLabel: p.hiddenLabel,
-		size: p.size,
-		disablePointerEvents: c,
-		position: u,
-		variant: m
-	}, g = xe(h);
+	}), { children: r, className: i, component: o = "div", disablePointerEvents: s = !1, disableTypography: c = !1, position: l, variant: u, ...d } = n, f = v() || {}, p = u;
+	u && f.variant, f && !p && (p = f.variant);
+	let m = {
+		...n,
+		hiddenLabel: f.hiddenLabel,
+		size: f.size,
+		disablePointerEvents: s,
+		position: l,
+		variant: p
+	}, g = Se(m);
 	return /*#__PURE__*/ q(a.Provider, {
 		value: null,
-		children: /*#__PURE__*/ q(Se, {
-			as: s,
-			ownerState: h,
-			className: w(g.root, o),
+		children: /*#__PURE__*/ q(Ce, {
+			as: o,
+			ownerState: m,
+			className: h(g.root, i),
 			ref: t,
-			...f,
-			children: typeof i == "string" && !l ? /*#__PURE__*/ q(P, {
+			...d,
+			children: typeof r == "string" && !c ? /*#__PURE__*/ q(F, {
 				color: "textSecondary",
-				children: i
-			}) : /*#__PURE__*/ J(G.Fragment, { children: [u === "start" ? ye ||= /*#__PURE__*/ q("span", {
+				children: r
+			}) : /*#__PURE__*/ J(G.Fragment, { children: [l === "start" ? be ||= /*#__PURE__*/ q("span", {
 				className: "notranslate",
 				"aria-hidden": !0,
 				children: "​"
-			}) : null, i] })
+			}) : null, r] })
 		})
 	});
-}), we = o(/*#__PURE__*/ q("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" }), "RadioButtonUnchecked"), Te = o(/*#__PURE__*/ q("path", { d: "M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z" }), "RadioButtonChecked"), Ee = x("span", {
+}), Te = c(/*#__PURE__*/ q("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" }), "RadioButtonUnchecked"), Ee = c(/*#__PURE__*/ q("path", { d: "M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z" }), "RadioButtonChecked"), De = s("span", {
 	name: "MuiRadioButtonIcon",
-	shouldForwardProp: s
+	shouldForwardProp: u
 })({
 	position: "relative",
 	display: "flex"
-}), De = x(we, { name: "MuiRadioButtonIcon" })({ transform: "scale(1)" }), Oe = x(Te, { name: "MuiRadioButtonIcon" })(V(({ theme: e }) => ({
+}), Oe = s(Te, { name: "MuiRadioButtonIcon" })({ transform: "scale(1)" }), ke = s(Ee, { name: "MuiRadioButtonIcon" })(n(({ theme: e }) => ({
 	left: 0,
 	position: "absolute",
 	transform: "scale(0)",
@@ -254,19 +254,19 @@ var ve = C("MuiInputAdornment", [
 		}
 	}]
 })));
-function ke(e) {
+function Ae(e) {
 	let { checked: t = !1, classes: n = {}, fontSize: r } = e, i = {
 		...e,
 		checked: t
 	};
-	return /*#__PURE__*/ J(Ee, {
+	return /*#__PURE__*/ J(De, {
 		className: n.root,
 		ownerState: i,
-		children: [/*#__PURE__*/ q(De, {
+		children: [/*#__PURE__*/ q(Oe, {
 			fontSize: r,
 			className: n.background,
 			ownerState: i
-		}), /*#__PURE__*/ q(Oe, {
+		}), /*#__PURE__*/ q(ke, {
 			fontSize: r,
 			className: n.dot,
 			ownerState: i
@@ -275,49 +275,49 @@ function ke(e) {
 }
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/RadioGroup/RadioGroupContext.js
-var Ae = /*#__PURE__*/ G.createContext(void 0);
+var je = /*#__PURE__*/ G.createContext(void 0);
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/RadioGroup/useRadioGroup.js
-function je() {
-	return G.useContext(Ae);
+function Me() {
+	return G.useContext(je);
 }
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/Radio/radioClasses.js
-function Me(e) {
-	return S("MuiRadio", e);
+function Ne(e) {
+	return w("MuiRadio", e);
 }
-var Ne = C("MuiRadio", [
+var Pe = S("MuiRadio", [
 	"root",
 	"checked",
 	"disabled",
 	"colorPrimary",
 	"colorSecondary",
 	"sizeSmall"
-]), Pe = (e) => {
+]), Fe = (e) => {
 	let { classes: t, color: n, size: r } = e, i = { root: [
 		"root",
-		`color${l(n)}`,
-		r !== "medium" && `size${l(r)}`
+		`color${d(n)}`,
+		r !== "medium" && `size${d(r)}`
 	] };
 	return {
 		...t,
-		...u(i, Me, t)
+		...C(i, Ne, t)
 	};
-}, Fe = x(j, {
-	shouldForwardProp: (e) => s(e) || e === "classes",
+}, Ie = s(M, {
+	shouldForwardProp: (e) => u(e) || e === "classes",
 	name: "MuiRadio",
 	slot: "Root",
 	overridesResolver: (e, t) => {
 		let { ownerState: n } = e;
 		return [
 			t.root,
-			n.size !== "medium" && t[`size${l(n.size)}`],
-			t[`color${l(n.color)}`]
+			n.size !== "medium" && t[`size${d(n.size)}`],
+			t[`color${d(n.color)}`]
 		];
 	}
-})(V(({ theme: e }) => ({
+})(n(({ theme: e }) => ({
 	color: (e.vars || e).palette.text.secondary,
-	[`&.${Ne.disabled}`]: { color: (e.vars || e).palette.action.disabled },
+	[`&.${Pe.disabled}`]: { color: (e.vars || e).palette.action.disabled },
 	variants: [
 		{
 			props: {
@@ -327,7 +327,7 @@ var Ne = C("MuiRadio", [
 			},
 			style: { "&:hover": { backgroundColor: e.alpha((e.vars || e).palette.action.active, (e.vars || e).palette.action.hoverOpacity) } }
 		},
-		...Object.entries(e.palette).filter(M()).map(([t]) => ({
+		...Object.entries(e.palette).filter(N()).map(([t]) => ({
 			props: {
 				color: t,
 				disabled: !1,
@@ -335,12 +335,12 @@ var Ne = C("MuiRadio", [
 			},
 			style: { "&:hover": { backgroundColor: e.alpha((e.vars || e).palette[t].main, (e.vars || e).palette.action.hoverOpacity) } }
 		})),
-		...Object.entries(e.palette).filter(M()).map(([t]) => ({
+		...Object.entries(e.palette).filter(N()).map(([t]) => ({
 			props: {
 				color: t,
 				disabled: !1
 			},
-			style: { [`&.${Ne.checked}`]: { color: (e.vars || e).palette[t].main } }
+			style: { [`&.${Pe.checked}`]: { color: (e.vars || e).palette[t].main } }
 		})),
 		{
 			props: { disableRipple: !1 },
@@ -348,62 +348,62 @@ var Ne = C("MuiRadio", [
 		}
 	]
 })));
-function Ie(e, t) {
+function Le(e, t) {
 	return typeof t == "object" && t ? e === t : String(e) === String(t);
 }
-var Le = /*#__PURE__*/ q(ke, { checked: !0 }), Re = /*#__PURE__*/ q(ke, {}), ze = /*#__PURE__*/ G.forwardRef(function(e, t) {
-	let r = n({
+var Re = /*#__PURE__*/ q(Ae, { checked: !0 }), ze = /*#__PURE__*/ q(Ae, {}), Be = /*#__PURE__*/ G.forwardRef(function(e, t) {
+	let n = b({
 		props: e,
 		name: "MuiRadio"
-	}), { checked: i, checkedIcon: a = Le, color: o = "primary", icon: s = Re, name: c, onChange: l, size: u = "medium", className: d, disabled: f, disableRipple: p = !1, slots: m = {}, slotProps: h = {}, inputProps: g, ...v } = r, b = y(), x = f;
-	b && x === void 0 && (x = b.disabled), x ??= !1;
+	}), { checked: r, checkedIcon: i = Re, color: a = "primary", icon: o = ze, name: s, onChange: c, size: l = "medium", className: u, disabled: d, disableRipple: f = !1, slots: p = {}, slotProps: m = {}, inputProps: g, ..._ } = n, y = v(), x = d;
+	y && x === void 0 && (x = y.disabled), x ??= !1;
 	let S = {
-		...r,
+		...n,
 		disabled: x,
-		disableRipple: p,
-		color: o,
-		size: u
-	}, C = Pe(S), T = je(), E = i, D = de(l, T && T.onChange), O = c;
-	T && (E === void 0 && (E = Ie(T.value, r.value)), O === void 0 && (O = T.name));
-	let k = h.input ?? g, [A, j] = _("root", {
+		disableRipple: f,
+		color: a,
+		size: l
+	}, C = Fe(S), w = Me(), T = r, E = fe(c, w && w.onChange), D = s;
+	w && (T === void 0 && (T = Le(w.value, n.value)), D === void 0 && (D = w.name));
+	let O = m.input ?? g, [k, A] = V("root", {
 		ref: t,
-		elementType: Fe,
-		className: w(C.root, d),
+		elementType: Ie,
+		className: h(C.root, u),
 		shouldForwardComponentProp: !0,
 		externalForwardedProps: {
-			slots: m,
-			slotProps: h,
-			...v
+			slots: p,
+			slotProps: m,
+			..._
 		},
 		getSlotProps: (e) => ({
 			...e,
 			onChange: (t, ...n) => {
-				e.onChange?.(t, ...n), D(t, ...n);
+				e.onChange?.(t, ...n), E(t, ...n);
 			}
 		}),
 		ownerState: S,
 		additionalProps: {
 			type: "radio",
-			icon: /*#__PURE__*/ G.cloneElement(s, { fontSize: s.props.fontSize ?? u }),
-			checkedIcon: /*#__PURE__*/ G.cloneElement(a, { fontSize: a.props.fontSize ?? u }),
+			icon: /*#__PURE__*/ G.cloneElement(o, { fontSize: o.props.fontSize ?? l }),
+			checkedIcon: /*#__PURE__*/ G.cloneElement(i, { fontSize: i.props.fontSize ?? l }),
 			disabled: x,
-			name: O,
-			checked: E,
-			slots: m,
-			slotProps: { input: typeof k == "function" ? k(S) : k }
+			name: D,
+			checked: T,
+			slots: p,
+			slotProps: { input: typeof O == "function" ? O(S) : O }
 		}
 	});
-	return /*#__PURE__*/ q(A, {
-		...j,
+	return /*#__PURE__*/ q(k, {
+		...A,
 		classes: C
 	});
 });
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/Switch/switchClasses.js
-function Be(e) {
-	return S("MuiSwitch", e);
+function Ve(e) {
+	return w("MuiSwitch", e);
 }
-var X = C("MuiSwitch", [
+var X = S("MuiSwitch", [
 	"root",
 	"edgeStart",
 	"edgeEnd",
@@ -417,36 +417,36 @@ var X = C("MuiSwitch", [
 	"input",
 	"thumb",
 	"track"
-]), Ve = (e) => {
-	let { classes: t, edge: n, size: r, color: i, checked: a, disabled: o } = e, s = u({
+]), He = (e) => {
+	let { classes: t, edge: n, size: r, color: i, checked: a, disabled: o } = e, s = C({
 		root: [
 			"root",
-			n && `edge${l(n)}`,
-			`size${l(r)}`
+			n && `edge${d(n)}`,
+			`size${d(r)}`
 		],
 		switchBase: [
 			"switchBase",
-			`color${l(i)}`,
+			`color${d(i)}`,
 			a && "checked",
 			o && "disabled"
 		],
 		thumb: ["thumb"],
 		track: ["track"],
 		input: ["input"]
-	}, Be, t);
+	}, Ve, t);
 	return {
 		...t,
 		...s
 	};
-}, He = x("span", {
+}, Ue = s("span", {
 	name: "MuiSwitch",
 	slot: "Root",
 	overridesResolver: (e, t) => {
 		let { ownerState: n } = e;
 		return [
 			t.root,
-			n.edge && t[`edge${l(n.edge)}`],
-			t[`size${l(n.size)}`]
+			n.edge && t[`edge${d(n.edge)}`],
+			t[`size${d(n.size)}`]
 		];
 	}
 })({
@@ -487,7 +487,7 @@ var X = C("MuiSwitch", [
 			}
 		}
 	]
-}), Ue = x(j, {
+}), We = s(M, {
 	name: "MuiSwitch",
 	slot: "SwitchBase",
 	overridesResolver: (e, t) => {
@@ -495,10 +495,10 @@ var X = C("MuiSwitch", [
 		return [
 			t.switchBase,
 			{ [`& .${X.input}`]: t.input },
-			n.color !== "default" && t[`color${l(n.color)}`]
+			n.color !== "default" && t[`color${d(n.color)}`]
 		];
 	}
-})(V(({ theme: e }) => ({
+})(n(({ theme: e }) => ({
 	position: "absolute",
 	top: 0,
 	left: 0,
@@ -513,12 +513,12 @@ var X = C("MuiSwitch", [
 		left: "-100%",
 		width: "300%"
 	}
-})), V(({ theme: e }) => ({
+})), n(({ theme: e }) => ({
 	"&:hover": {
 		backgroundColor: e.alpha((e.vars || e).palette.action.active, (e.vars || e).palette.action.hoverOpacity),
 		"@media (hover: none)": { backgroundColor: "transparent" }
 	},
-	variants: [...Object.entries(e.palette).filter(M(["light"])).map(([t]) => ({
+	variants: [...Object.entries(e.palette).filter(N(["light"])).map(([t]) => ({
 		props: { color: t },
 		style: {
 			[`&.${X.checked}`]: {
@@ -532,10 +532,10 @@ var X = C("MuiSwitch", [
 			[`&.${X.checked} + .${X.track}`]: { backgroundColor: (e.vars || e).palette[t].main }
 		}
 	}))]
-}))), We = x("span", {
+}))), Ge = s("span", {
 	name: "MuiSwitch",
 	slot: "Track"
-})(V(({ theme: e }) => ({
+})(n(({ theme: e }) => ({
 	height: "100%",
 	width: "100%",
 	borderRadius: 14 / 2,
@@ -545,10 +545,10 @@ var X = C("MuiSwitch", [
 	transition: e.transitions.create(["opacity", "background-color"], { duration: e.transitions.duration.shortest }),
 	backgroundColor: e.vars ? e.vars.palette.common.onBackground : `${e.palette.mode === "light" ? e.palette.common.black : e.palette.common.white}`,
 	opacity: e.vars ? e.vars.opacity.switchTrack : `${e.palette.mode === "light" ? .38 : .3}`
-}))), Ge = x("span", {
+}))), Ke = s("span", {
 	name: "MuiSwitch",
 	slot: "Thumb"
-})(V(({ theme: e }) => ({
+})(n(({ theme: e }) => ({
 	boxShadow: (e.vars || e).shadows[1],
 	backgroundColor: "currentColor",
 	boxSizing: "border-box",
@@ -556,38 +556,38 @@ var X = C("MuiSwitch", [
 	width: 20,
 	height: 20,
 	borderRadius: "50%"
-}))), Ke = /*#__PURE__*/ G.forwardRef(function(e, t) {
-	let r = n({
+}))), qe = /*#__PURE__*/ G.forwardRef(function(e, t) {
+	let n = b({
 		props: e,
 		name: "MuiSwitch"
-	}), { className: i, color: a = "primary", edge: o = !1, size: s = "medium", sx: c, slots: l = {}, slotProps: u = {}, ...d } = r, f = {
-		...r,
-		color: a,
-		edge: o,
+	}), { className: r, color: i = "primary", edge: a = !1, size: s = "medium", sx: c, slots: l = {}, slotProps: u = {}, ...d } = n, f = {
+		...n,
+		color: i,
+		edge: a,
 		size: s
-	}, p = Ve(f), m = u.input, g = {
+	}, p = He(f), m = u.input, g = {
 		slots: l,
 		slotProps: u
-	}, [v, y] = _("root", {
-		className: w(p.root, i),
-		elementType: He,
+	}, [_, v] = V("root", {
+		className: h(p.root, r),
+		elementType: Ue,
 		externalForwardedProps: g,
 		ownerState: f,
 		additionalProps: { sx: c }
-	}), [b, x] = _("thumb", {
+	}), [y, x] = V("thumb", {
 		className: p.thumb,
-		elementType: Ge,
+		elementType: Ke,
 		externalForwardedProps: g,
 		ownerState: f
-	}), S = /*#__PURE__*/ q(b, { ...x }), [C, T] = _("track", {
+	}), S = /*#__PURE__*/ q(y, { ...x }), [C, w] = V("track", {
 		className: p.track,
-		elementType: We,
+		elementType: Ge,
 		externalForwardedProps: g,
 		ownerState: f
 	});
-	return /*#__PURE__*/ J(v, {
-		...y,
-		children: [/*#__PURE__*/ q(Ue, {
+	return /*#__PURE__*/ J(_, {
+		...v,
+		children: [/*#__PURE__*/ q(We, {
 			type: "checkbox",
 			icon: S,
 			checkedIcon: S,
@@ -604,22 +604,22 @@ var X = C("MuiSwitch", [
 			},
 			slotProps: {
 				...u.switchBase && { root: typeof u.switchBase == "function" ? u.switchBase(f) : u.switchBase },
-				input: h(typeof m == "function" ? m(f) : m, { role: "switch" })
+				input: o(typeof m == "function" ? m(f) : m, { role: "switch" })
 			}
-		}), /*#__PURE__*/ q(C, { ...T })]
+		}), /*#__PURE__*/ q(C, { ...w })]
 	});
-}), qe = /* @__PURE__ */ e(ie(), 1), Z = /* @__PURE__ */ e(t(), 1), Je = x(ge)(() => ({ "& .MuiFormControlLabel-label": {
+}), Je = /* @__PURE__ */ e(ae(), 1), Z = /* @__PURE__ */ e(k(), 1), Ye = s(_e)(() => ({ "& .MuiFormControlLabel-label": {
 	left: "-5px",
 	position: "relative"
-} })), Ye = x(ze)(() => ({ color: `${c.tertiary()} !important` })), Xe = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ q(Je, {
+} })), Xe = s(Be)(() => ({ color: `${y.tertiary()} !important` })), Ze = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ q(Ye, {
 	value: t,
-	control: /* @__PURE__ */ q(Ye, {
+	control: /* @__PURE__ */ q(Xe, {
 		checked: n,
 		onChange: r
 	}),
 	label: e
 });
-Xe.propTypes = {
+Ze.propTypes = {
 	label: Z.default.string,
 	value: Z.default.string,
 	checked: Z.default.bool,
@@ -627,7 +627,7 @@ Xe.propTypes = {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/tabs/index.js
-var Ze = x(D)(() => ({})), Qe = class extends K.Component {
+var Qe = s(D)(() => ({})), $e = class extends K.Component {
 	static propTypes = {
 		className: Z.default.string,
 		contentClassName: Z.default.string,
@@ -644,11 +644,11 @@ var Ze = x(D)(() => ({})), Qe = class extends K.Component {
 		let { value: e } = this.state, { children: t, className: n, contentClassName: r, contentStyle: i = {} } = this.props;
 		return /* @__PURE__ */ J("div", {
 			className: n,
-			children: [/* @__PURE__ */ q(N, {
+			children: [/* @__PURE__ */ q(P, {
 				indicatorColor: "primary",
 				value: e,
 				onChange: this.handleChange,
-				children: K.Children.map(t, (e, t) => e && e.props.title ? /* @__PURE__ */ q(Ze, { label: e.props.title }, t) : null)
+				children: K.Children.map(t, (e, t) => e && e.props.title ? /* @__PURE__ */ q(Qe, { label: e.props.title }, t) : null)
 			}), /* @__PURE__ */ q("div", {
 				className: r,
 				style: i,
@@ -656,7 +656,7 @@ var Ze = x(D)(() => ({})), Qe = class extends K.Component {
 			})]
 		});
 	}
-}, $e = x(ge)(({ theme: e, mini: t }) => ({
+}, et = s(_e)(({ theme: e, mini: t }) => ({
 	margin: 0,
 	marginLeft: 0,
 	padding: 0,
@@ -666,12 +666,12 @@ var Ze = x(D)(() => ({})), Qe = class extends K.Component {
 		color: "rgba(0,0,0,1.0)",
 		...t && {
 			marginLeft: e.spacing(1),
-			color: L[700],
+			color: l[700],
 			fontSize: e.typography.fontSize - 3
 		}
 	}
-})), et = x(ee)(({ theme: e, mini: t, error: n }) => ({
-	color: `${c.tertiary()} !important`,
+})), tt = s(L)(({ theme: e, mini: t, error: n }) => ({
+	color: `${y.tertiary()} !important`,
 	...t && {
 		margin: 0,
 		padding: 0,
@@ -679,9 +679,9 @@ var Ze = x(D)(() => ({})), Qe = class extends K.Component {
 		height: e.spacing(3)
 	},
 	...n && { color: `${e.palette.error.main} !important` }
-})), tt = ({ mini: e, checked: t, onChange: n, value: r, label: i, error: a }) => /* @__PURE__ */ q($e, {
+})), nt = ({ mini: e, checked: t, onChange: n, value: r, label: i, error: a }) => /* @__PURE__ */ q(et, {
 	mini: e,
-	control: /* @__PURE__ */ q(et, {
+	control: /* @__PURE__ */ q(tt, {
 		checked: t,
 		onChange: n,
 		value: r,
@@ -690,21 +690,21 @@ var Ze = x(D)(() => ({})), Qe = class extends K.Component {
 	}),
 	label: i
 });
-tt.propTypes = {
+nt.propTypes = {
 	mini: Z.default.bool,
 	checked: Z.default.bool.isRequired,
 	onChange: Z.default.func.isRequired,
 	value: Z.default.string,
 	label: Z.default.string.isRequired,
 	error: Z.default.bool
-}, tt.defaultProps = {
+}, nt.defaultProps = {
 	value: "",
 	mini: !1,
 	error: !1
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/number-text-field.js
-var nt = (0, qe.default)("@pie-lib:config-ui:number-text-field"), rt = x(z)(({ theme: e }) => ({
+var rt = (0, Je.default)("@pie-lib:config-ui:number-text-field"), it = s(z)(({ theme: e }) => ({
 	marginRight: e.spacing(1),
 	"& .MuiInputLabel-root": {
 		width: "auto",
@@ -726,11 +726,11 @@ var nt = (0, qe.default)("@pie-lib:config-ui:number-text-field"), rt = x(z)(({ t
 		minHeight: "auto",
 		padding: "6px 0 7px"
 	}
-})), it = (e, t) => {
-	if (!H(e) && !H(t)) return 0;
-	if (!H(e) && H(t)) return t;
-	if (H(e)) return e;
-}, at = class extends K.Component {
+})), at = (e, t) => {
+	if (!W(e) && !W(t)) return 0;
+	if (!W(e) && W(t)) return t;
+	if (W(e)) return e;
+}, ot = class extends K.Component {
 	static propTypes = {
 		disabled: Z.default.bool,
 		className: Z.default.string,
@@ -756,13 +756,13 @@ var nt = (0, qe.default)("@pie-lib:config-ui:number-text-field"), rt = x(z)(({ t
 		this.setState({ value: t });
 	}
 	clamp(e, t = this.props.min, n = this.props.max) {
-		return H(e) ? (H(n) && (e = Math.min(e, n)), H(t) && (e = Math.max(e, t)), e) : it(t, n);
+		return W(e) ? (W(n) && (e = Math.min(e, n)), W(t) && (e = Math.max(e, t)), e) : at(t, n);
 	}
 	onBlur = (e) => {
 		let t = e.target.value, n = parseFloat(t);
-		nt("rawNumber: ", n);
+		rt("rawNumber: ", n);
 		let r = this.clamp(n);
-		nt("number: ", r), r !== this.state.value && (nt("trigger update..."), this.setState({ value: r.toString() }, () => {
+		rt("number: ", r), r !== this.state.value && (rt("trigger update..."), this.setState({ value: r.toString() }, () => {
 			this.props.onChange(e, r);
 		}));
 	};
@@ -782,7 +782,7 @@ var nt = (0, qe.default)("@pie-lib:config-ui:number-text-field"), rt = x(z)(({ t
 	};
 	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__ */ q(rt, {
+		return /* @__PURE__ */ q(it, {
 			variant: s ? "filled" : l || "standard",
 			inputRef: (e) => {
 				this.inputRef = e;
@@ -801,7 +801,7 @@ var nt = (0, qe.default)("@pie-lib:config-ui:number-text-field"), rt = x(z)(({ t
 			type: "number",
 			className: e,
 			slotProps: { input: {
-				endAdornment: r && /* @__PURE__ */ q(Ce, {
+				endAdornment: r && /* @__PURE__ */ q(we, {
 					position: "end",
 					children: r
 				}),
@@ -814,12 +814,12 @@ var nt = (0, qe.default)("@pie-lib:config-ui:number-text-field"), rt = x(z)(({ t
 			margin: "normal"
 		});
 	}
-}, ot = (e) => typeof e == "object" && !!e && typeof e.n == "number" && typeof e.d == "number", st = (e) => {
+}, st = (e) => typeof e == "object" && !!e && typeof e.n == "number" && typeof e.d == "number", ct = (e) => {
 	if (typeof e == "number") return e;
-	if (ot(e)) return (e.s ?? 1) * e.n / e.d;
+	if (st(e)) return (e.s ?? 1) * e.n / e.d;
 	let t = String(e).trim(), n = t.match(/^([+-]?\d+)\s*\/\s*([+-]?\d+)$/);
 	return n ? Number.parseInt(n[1] ?? "0", 10) / Number.parseInt(n[2] ?? "1", 10) : Number(t);
-}, ct = o(/*#__PURE__*/ q("path", { d: "M19 13H5v-2h14z" }), "Remove"), lt = o(/*#__PURE__*/ q("path", { d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z" }), "Add"), ut = x(z)(() => ({
+}, lt = c(/*#__PURE__*/ q("path", { d: "M19 13H5v-2h14z" }), "Remove"), ut = c(/*#__PURE__*/ q("path", { d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z" }), "Add"), dt = s(z)(() => ({
 	"& input[type=number]": { MozAppearance: "textfield" },
 	"& input[type=number]::-webkit-outer-spin-button": {
 		WebkitAppearance: "none",
@@ -829,11 +829,11 @@ var nt = (0, qe.default)("@pie-lib:config-ui:number-text-field"), rt = x(z)(({ t
 		WebkitAppearance: "none",
 		margin: 0
 	}
-})), dt = x(A)(() => ({ padding: "2px" })), ft = (e, t) => {
-	if (!H(e) && !H(t)) return 0;
-	if (!H(e) && H(t)) return t;
-	if (H(e)) return e;
-}, pt = class extends K.Component {
+})), ft = s(j)(() => ({ padding: "2px" })), pt = (e, t) => {
+	if (!W(e) && !W(t)) return 0;
+	if (!W(e) && W(t)) return t;
+	if (W(e)) return e;
+}, mt = class extends K.Component {
 	static propTypes = {
 		className: Z.default.string,
 		customValues: Z.default.array,
@@ -877,7 +877,7 @@ var nt = (0, qe.default)("@pie-lib:config-ui:number-text-field"), rt = x(z)(({ t
 	}
 	clamp(e, t = this.props.min, n = this.props.max) {
 		let { customValues: r } = this.props;
-		return (r || []).length > 0 ? e : H(e) ? (H(n) && (e = Math.min(e, n)), H(t) && (e = Math.max(e, t)), e) : ft(t, n);
+		return (r || []).length > 0 ? e : W(e) ? (W(n) && (e = Math.min(e, n)), W(t) && (e = Math.max(e, t)), e) : pt(t, n);
 	}
 	normalizeValueAndIndex = (e, t, n, r) => {
 		let { type: i } = this.props, a = this.clamp(t, n, r), o = (e || []).findIndex((e) => e === a);
@@ -900,7 +900,7 @@ var nt = (0, qe.default)("@pie-lib:config-ui:number-text-field"), rt = x(z)(({ t
 		value: e[0],
 		index: 0
 	});
-	getClosestFractionValue = (e, t) => e.reduce((e, n, r) => Math.abs(st(n) - st(t)) < Math.abs(st(e.value) - st(t)) ? {
+	getClosestFractionValue = (e, t) => e.reduce((e, n, r) => Math.abs(ct(n) - ct(t)) < Math.abs(ct(e.value) - ct(t)) ? {
 		value: n,
 		index: r
 	} : e, {
@@ -948,7 +948,7 @@ var nt = (0, qe.default)("@pie-lib:config-ui:number-text-field"), rt = x(z)(({ t
 	}
 	render() {
 		let { className: e, label: t, disabled: n, error: r, min: i, max: a, customValues: o, inputClassName: s, disableUnderline: c, helperText: l, variant: u, textAlign: d, type: f = "number" } = this.props, { value: p } = this.state, m = e, h = !1, g = !1;
-		return o.length > 0 ? (h = p === o[0], g = p === o[o.length - 1]) : H(i) && H(a) && (h = p === i, g = p === a), /* @__PURE__ */ q(ut, {
+		return o.length > 0 ? (h = p === o[0], g = p === o[o.length - 1]) : W(i) && W(a) && (h = p === i, g = p === a), /* @__PURE__ */ q(dt, {
 			variant: u,
 			inputRef: (e) => this.inputRef = e,
 			disabled: n,
@@ -970,22 +970,22 @@ var nt = (0, qe.default)("@pie-lib:config-ui:number-text-field"), rt = x(z)(({ t
 			InputProps: {
 				className: s,
 				disableUnderline: c,
-				startAdornment: /* @__PURE__ */ q(Ce, {
+				startAdornment: /* @__PURE__ */ q(we, {
 					position: "start",
-					children: /* @__PURE__ */ q(dt, {
+					children: /* @__PURE__ */ q(ft, {
 						disabled: n || h,
 						onClick: (e) => this.changeValue(e, -1, !0),
 						size: "large",
-						children: /* @__PURE__ */ q(ct, { fontSize: "small" })
+						children: /* @__PURE__ */ q(lt, { fontSize: "small" })
 					})
 				}),
-				endAdornment: /* @__PURE__ */ q(Ce, {
+				endAdornment: /* @__PURE__ */ q(we, {
 					position: "end",
-					children: /* @__PURE__ */ q(dt, {
+					children: /* @__PURE__ */ q(ft, {
 						disabled: n || g,
 						onClick: (e) => this.changeValue(e, 1, !0),
 						size: "large",
-						children: /* @__PURE__ */ q(lt, { fontSize: "small" })
+						children: /* @__PURE__ */ q(ut, { fontSize: "small" })
 					})
 				})
 			},
@@ -999,19 +999,19 @@ var nt = (0, qe.default)("@pie-lib:config-ui:number-text-field"), rt = x(z)(({ t
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/two-choice.js
-function mt(e) {
+function ht(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function ht(e, t) {
-	return !e || mt(e) ? e : mt(e.default) ? e.default : t && mt(e[t]) ? e[t] : t && mt(e[t]?.default) ? e[t].default : e;
+function gt(e, t) {
+	return !e || ht(e) ? e : ht(e.default) ? e.default : t && ht(e[t]) ? e[t] : t && ht(e[t]?.default) ? e[t].default : e;
 }
-var gt = ht(v, "InputContainer") || ht(yt.InputContainer, "InputContainer"), _t = T, vt = _t.default, yt = vt && typeof vt == "object" ? vt : _t, bt = x("div")(({ theme: e, direction: t }) => ({
+var _t = gt(_, "InputContainer") || gt(bt.InputContainer, "InputContainer"), vt = T, yt = vt.default, bt = yt && typeof yt == "object" ? yt : vt, xt = s("div")(({ theme: e, direction: t }) => ({
 	display: "flex",
 	flexWrap: "wrap",
 	paddingLeft: 0,
 	marginTop: e.spacing(1),
 	...t === "vertical" && { flexDirection: "column" }
-})), xt = class extends K.Component {
+})), St = class extends K.Component {
 	static propTypes = {
 		header: Z.default.string.isRequired,
 		className: Z.default.string,
@@ -1028,11 +1028,11 @@ var gt = ht(v, "InputContainer") || ht(yt.InputContainer, "InputContainer"), _t
 		let { header: e, className: t, customLabel: n, opts: r, value: i, direction: a } = this.props, o = r.map((e) => typeof e == "string" ? {
 			label: e,
 			value: e
-		} : e), s = n || Xe;
-		return /* @__PURE__ */ q(gt, {
+		} : e), s = n || Ze;
+		return /* @__PURE__ */ q(_t, {
 			label: e,
 			className: t,
-			children: /* @__PURE__ */ q(bt, {
+			children: /* @__PURE__ */ q(xt, {
 				direction: a,
 				children: o.map((e, t) => /* @__PURE__ */ q(s, {
 					value: e.value,
@@ -1043,7 +1043,7 @@ var gt = ht(v, "InputContainer") || ht(yt.InputContainer, "InputContainer"), _t
 			})
 		});
 	}
-}, St = Z.default.shape({
+}, Ct = Z.default.shape({
 	label: Z.default.string,
 	value: Z.default.string
 });
@@ -1052,14 +1052,14 @@ var gt = ht(v, "InputContainer") || ht(yt.InputContainer, "InputContainer"), _t
 		header: Z.default.string.isRequired,
 		value: Z.default.string.isRequired,
 		onChange: Z.default.func.isRequired,
-		one: Z.default.oneOfType([St, Z.default.string]),
-		two: Z.default.oneOfType([St, Z.default.string]),
+		one: Z.default.oneOfType([Ct, Z.default.string]),
+		two: Z.default.oneOfType([Ct, Z.default.string]),
 		className: Z.default.string,
 		customLabel: Z.default.func
 	};
 	render() {
 		let { one: e, two: t, header: n, className: r, customLabel: i, value: a, onChange: o } = this.props;
-		return /* @__PURE__ */ q(xt, {
+		return /* @__PURE__ */ q(St, {
 			customLabel: i,
 			header: n,
 			className: r,
@@ -1071,21 +1071,21 @@ var gt = ht(v, "InputContainer") || ht(yt.InputContainer, "InputContainer"), _t
 });
 //#endregion
 //#region ../../lib-react/config-ui/dist/_virtual/_rolldown/runtime.js
-var Ct = Object.defineProperty, wt = (e, t) => {
+var wt = Object.defineProperty, Tt = (e, t) => {
 	let n = {};
-	for (var r in e) Ct(n, r, {
+	for (var r in e) wt(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || Ct(n, Symbol.toStringTag, { value: "Module" }), n;
-}, Tt = x("div")(() => ({
+	return t || wt(n, Symbol.toStringTag, { value: "Module" }), n;
+}, Et = s("div")(() => ({
 	display: "flex",
 	flexDirection: "column",
 	position: "relative"
-})), Et = x("div")(() => ({
+})), Dt = s("div")(() => ({
 	display: "flex",
 	justifyContent: "space-between"
-})), Dt = x("div")(({ theme: e }) => ({ padding: `${e.spacing(2)} 0` })), Ot = x("div")(() => ({ flex: "1" })), kt = x("div")(({ theme: e }) => ({ marginLeft: e.spacing(2) })), At = class extends K.Component {
+})), Ot = s("div")(({ theme: e }) => ({ padding: `${e.spacing(2)} 0` })), kt = s("div")(() => ({ flex: "1" })), At = s("div")(({ theme: e }) => ({ marginLeft: e.spacing(2) })), jt = class extends K.Component {
 	static propTypes = {
 		mode: Z.default.oneOf(["tabbed", "inline"]),
 		secondary: Z.default.oneOfType([Z.default.arrayOf(Z.default.node), Z.default.node]),
@@ -1103,7 +1103,7 @@ var Ct = Object.defineProperty, wt = (e, t) => {
 		} catch (e) {
 			console.log(e.toString());
 		}
-		return /* @__PURE__ */ J(Tt, {
+		return /* @__PURE__ */ J(Et, {
 			style: {
 				minHeight: i,
 				minWidth: a,
@@ -1111,28 +1111,28 @@ var Ct = Object.defineProperty, wt = (e, t) => {
 				maxWidth: s
 			},
 			children: [
-				e === "inline" && /* @__PURE__ */ J(Et, { children: [/* @__PURE__ */ q(Ot, {
+				e === "inline" && /* @__PURE__ */ J(Dt, { children: [/* @__PURE__ */ q(kt, {
 					className: "design-container",
 					children: n
-				}), l && /* @__PURE__ */ q(kt, {
+				}), l && /* @__PURE__ */ q(At, {
 					className: "settings-container",
 					children: t
 				})] }),
-				e === "tabbed" && l && /* @__PURE__ */ J(Qe, {
+				e === "tabbed" && l && /* @__PURE__ */ J($e, {
 					onChange: this.onTabsChange,
 					contentClassName: "content-container",
 					indicatorColor: "primary",
-					children: [/* @__PURE__ */ q(Dt, {
+					children: [/* @__PURE__ */ q(Ot, {
 						title: "Design",
 						className: "design-container",
 						children: n
-					}), /* @__PURE__ */ q(Dt, {
+					}), /* @__PURE__ */ q(Ot, {
 						title: "Settings",
 						className: "settings-container",
 						children: t
 					})]
 				}),
-				e === "tabbed" && !l && /* @__PURE__ */ q(Dt, {
+				e === "tabbed" && !l && /* @__PURE__ */ q(Ot, {
 					className: "design-container",
 					children: n
 				})
@@ -1142,18 +1142,18 @@ var Ct = Object.defineProperty, wt = (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 jt() {
-	return jt = Object.assign ? Object.assign.bind() : function(e) {
+function Mt() {
+	return Mt = 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;
-	}, jt.apply(null, arguments);
+	}, Mt.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 Mt(e, t) {
+function Nt(e, t) {
 	if (e == null) return {};
 	var n = {};
 	for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
@@ -1164,19 +1164,19 @@ function Mt(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 Nt(e, t) {
-	return Nt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+function Pt(e, t) {
+	return Pt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
 		return e.__proto__ = t, e;
-	}, Nt(e, t);
+	}, Pt(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 Pt(e, t) {
-	e.prototype = Object.create(t.prototype), e.prototype.constructor = e, Nt(e, t);
+function Ft(e, t) {
+	e.prototype = Object.create(t.prototype), e.prototype.constructor = e, Pt(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 Ft = (function() {
+var It = (function() {
 	if (typeof Map < "u") return Map;
 	function e(e, t) {
 		var n = -1;
@@ -1215,34 +1215,34 @@ var Ft = (function() {
 			}
 		}, t;
 	}();
-})(), It = typeof window < "u" && typeof document < "u" && window.document === document, Lt = (function() {
+})(), Lt = typeof window < "u" && typeof document < "u" && window.document === document, Rt = (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")();
-})(), Rt = (function() {
-	return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(Lt) : function(e) {
+})(), zt = (function() {
+	return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(Rt) : function(e) {
 		return setTimeout(function() {
 			return e(Date.now());
 		}, 1e3 / 60);
 	};
-})(), zt = 2;
-function Bt(e, t) {
+})(), Bt = 2;
+function Vt(e, t) {
 	var n = !1, r = !1, i = 0;
 	function a() {
 		n && (n = !1, e()), r && s();
 	}
 	function o() {
-		Rt(a);
+		zt(a);
 	}
 	function s() {
 		var e = Date.now();
 		if (n) {
-			if (e - i < zt) return;
+			if (e - i < Bt) return;
 			r = !0;
 		} else n = !0, r = !1, setTimeout(o, t);
 		i = e;
 	}
 	return s;
 }
-var Vt = 20, Ht = [
+var Ht = 20, Ut = [
 	"top",
 	"right",
 	"bottom",
@@ -1251,9 +1251,9 @@ var Vt = 20, Ht = [
 	"height",
 	"size",
 	"weight"
-], Ut = typeof MutationObserver < "u", Wt = function() {
+], Wt = typeof MutationObserver < "u", Gt = function() {
 	function e() {
-		this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = Bt(this.refresh.bind(this), Vt);
+		this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = Vt(this.refresh.bind(this), Ht);
 	}
 	return e.prototype.addObserver = function(e) {
 		~this.observers_.indexOf(e) || this.observers_.push(e), this.connected_ || this.connect_();
@@ -1270,23 +1270,23 @@ var Vt = 20, Ht = [
 			return e.broadcastActive();
 		}), e.length > 0;
 	}, e.prototype.connect_ = function() {
-		!It || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), Ut ? (this.mutationsObserver_ = new MutationObserver(this.refresh), this.mutationsObserver_.observe(document, {
+		!Lt || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), Wt ? (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() {
-		!It || !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);
+		!Lt || !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;
-		Ht.some(function(e) {
+		Ut.some(function(e) {
 			return !!~n.indexOf(e);
 		}) && this.refresh();
 	}, e.getInstance = function() {
 		return this.instance_ ||= new e(), this.instance_;
 	}, e.instance_ = null, e;
-}(), Gt = (function(e, t) {
+}(), Kt = (function(e, t) {
 	for (var n = 0, r = Object.keys(t); n < r.length; n++) {
 		var i = r[n];
 		Object.defineProperty(e, i, {
@@ -1298,18 +1298,18 @@ var Vt = 20, Ht = [
 	}
 	return e;
 }), Q = (function(e) {
-	return e && e.ownerDocument && e.ownerDocument.defaultView || Lt;
-}), Kt = nn(0, 0, 0, 0);
-function qt(e) {
+	return e && e.ownerDocument && e.ownerDocument.defaultView || Rt;
+}), qt = rn(0, 0, 0, 0);
+function Jt(e) {
 	return parseFloat(e) || 0;
 }
-function Jt(e) {
+function Yt(e) {
 	return [...arguments].slice(1).reduce(function(t, n) {
 		var r = e["border-" + n + "-width"];
-		return t + qt(r);
+		return t + Jt(r);
 	}, 0);
 }
-function Yt(e) {
+function Xt(e) {
 	for (var t = [
 		"top",
 		"right",
@@ -1317,40 +1317,40 @@ function Yt(e) {
 		"left"
 	], n = {}, r = 0, i = t; r < i.length; r++) {
 		var a = i[r], o = e["padding-" + a];
-		n[a] = qt(o);
+		n[a] = Jt(o);
 	}
 	return n;
 }
-function Xt(e) {
+function Zt(e) {
 	var t = e.getBBox();
-	return nn(0, 0, t.width, t.height);
+	return rn(0, 0, t.width, t.height);
 }
-function Zt(e) {
+function Qt(e) {
 	var t = e.clientWidth, n = e.clientHeight;
-	if (!t && !n) return Kt;
-	var r = Q(e).getComputedStyle(e), i = Yt(r), a = i.left + i.right, o = i.top + i.bottom, s = qt(r.width), c = qt(r.height);
-	if (r.boxSizing === "border-box" && (Math.round(s + a) !== t && (s -= Jt(r, "left", "right") + a), Math.round(c + o) !== n && (c -= Jt(r, "top", "bottom") + o)), !$t(e)) {
+	if (!t && !n) return qt;
+	var r = Q(e).getComputedStyle(e), i = Xt(r), a = i.left + i.right, o = i.top + i.bottom, s = Jt(r.width), c = Jt(r.height);
+	if (r.boxSizing === "border-box" && (Math.round(s + a) !== t && (s -= Yt(r, "left", "right") + a), Math.round(c + o) !== n && (c -= Yt(r, "top", "bottom") + o)), !en(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 nn(i.left, i.top, s, c);
+	return rn(i.left, i.top, s, c);
 }
-var Qt = (function() {
+var $t = (function() {
 	return typeof SVGGraphicsElement < "u" ? function(e) {
 		return e instanceof Q(e).SVGGraphicsElement;
 	} : function(e) {
 		return e instanceof Q(e).SVGElement && typeof e.getBBox == "function";
 	};
 })();
-function $t(e) {
-	return e === Q(e).document.documentElement;
-}
 function en(e) {
-	return It ? Qt(e) ? Xt(e) : Zt(e) : Kt;
+	return e === Q(e).document.documentElement;
 }
 function tn(e) {
+	return Lt ? $t(e) ? Zt(e) : Qt(e) : qt;
+}
+function nn(e) {
 	var t = e.x, n = e.y, r = e.width, i = e.height, a = Object.create((typeof DOMRectReadOnly < "u" ? DOMRectReadOnly : Object).prototype);
-	return Gt(a, {
+	return Kt(a, {
 		x: t,
 		y: n,
 		width: r,
@@ -1361,7 +1361,7 @@ function tn(e) {
 		left: t
 	}), a;
 }
-function nn(e, t, n, r) {
+function rn(e, t, n, r) {
 	return {
 		x: e,
 		y: t,
@@ -1369,29 +1369,29 @@ function nn(e, t, n, r) {
 		height: r
 	};
 }
-var rn = function() {
+var an = function() {
 	function e(e) {
-		this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = nn(0, 0, 0, 0), this.target = e;
+		this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = rn(0, 0, 0, 0), this.target = e;
 	}
 	return e.prototype.isActive = function() {
-		var e = en(this.target);
+		var e = tn(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;
-}(), an = function() {
+}(), on = function() {
 	function e(e, t) {
-		var n = tn(t);
-		Gt(this, {
+		var n = nn(t);
+		Kt(this, {
 			target: e,
 			contentRect: n
 		});
 	}
 	return e;
-}(), on = function() {
+}(), sn = function() {
 	function e(e, t, n) {
-		if (this.activeObservations_ = [], this.observations_ = new Ft(), typeof e != "function") throw TypeError("The callback provided as parameter 1 is not a function.");
+		if (this.activeObservations_ = [], this.observations_ = new It(), 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) {
@@ -1399,7 +1399,7 @@ var rn = function() {
 		if (!(typeof Element > "u" || !(Element instanceof Object))) {
 			if (!(e instanceof Q(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
 			var t = this.observations_;
-			t.has(e) || (t.set(e, new rn(e)), this.controller_.addObserver(this), this.controller_.refresh());
+			t.has(e) || (t.set(e, new an(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.");
@@ -1418,7 +1418,7 @@ var rn = function() {
 	}, e.prototype.broadcastActive = function() {
 		if (this.hasActive()) {
 			var e = this.callbackCtx_, t = this.activeObservations_.map(function(e) {
-				return new an(e.target, e.broadcastRect());
+				return new on(e.target, e.broadcastRect());
 			});
 			this.callback_.call(e, t, e), this.clearActive();
 		}
@@ -1427,12 +1427,12 @@ var rn = function() {
 	}, e.prototype.hasActive = function() {
 		return this.activeObservations_.length > 0;
 	}, e;
-}(), sn = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new Ft(), cn = function() {
+}(), cn = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new It(), ln = 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 on(t, Wt.getInstance(), this);
-		sn.set(this, n);
+		var n = new sn(t, Gt.getInstance(), this);
+		cn.set(this, n);
 	}
 	return e;
 }();
@@ -1441,27 +1441,27 @@ var rn = function() {
 	"unobserve",
 	"disconnect"
 ].forEach(function(e) {
-	cn.prototype[e] = function() {
+	ln.prototype[e] = function() {
 		var t;
-		return (t = sn.get(this))[e].apply(t, arguments);
+		return (t = cn.get(this))[e].apply(t, arguments);
 	};
 });
-var ln = (function() {
-	return Lt.ResizeObserver === void 0 ? cn : Lt.ResizeObserver;
-})(), un = [
+var un = (function() {
+	return Rt.ResizeObserver === void 0 ? ln : Rt.ResizeObserver;
+})(), dn = [
 	"client",
 	"offset",
 	"scroll",
 	"bounds",
 	"margin"
 ];
-function dn(e) {
+function fn(e) {
 	var t = [];
-	return un.forEach(function(n) {
+	return dn.forEach(function(n) {
 		e[n] && t.push(n);
 	}), t;
 }
-function fn(e, t) {
+function pn(e, t) {
 	var n = {};
 	if (t.indexOf("client") > -1 && (n.client = {
 		top: e.clientTop,
@@ -1500,14 +1500,14 @@ function fn(e, t) {
 	}
 	return n;
 }
-function pn(e) {
+function mn(e) {
 	return e && e.ownerDocument && e.ownerDocument.defaultView || window;
 }
-function mn(e) {
+function hn(e) {
 	return function(t) {
 		var n, r;
 		return r = n = /*#__PURE__*/ function(n) {
-			Pt(r, n);
+			Ft(r, n);
 			function r() {
 				var t, r = [...arguments];
 				return t = n.call.apply(n, [this].concat(r)) || this, t.state = { contentRect: {
@@ -1518,30 +1518,30 @@ function mn(e) {
 					bounds: {},
 					margin: {}
 				} }, t._animationFrameID = null, t._resizeObserver = null, t._node = null, t._window = null, t.measure = function(n) {
-					var r = fn(t._node, e || dn(t.props));
+					var r = pn(t._node, e || fn(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 = pn(t._node);
+					t._resizeObserver !== null && t._node !== null && t._resizeObserver.unobserve(t._node), t._node = e, t._window = mn(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 ln(this.measure), this._node !== null && (this._resizeObserver.observe(this._node), typeof this.props.onResize == "function" && this.props.onResize(fn(this._node, e || dn(this.props))));
+				this._resizeObserver = this._window !== null && this._window.ResizeObserver ? new this._window.ResizeObserver(this.measure) : new un(this.measure), this._node !== null && (this._resizeObserver.observe(this._node), typeof this.props.onResize == "function" && this.props.onResize(pn(this._node, e || fn(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, oe(t, jt({}, Mt(e, ["innerRef", "onResize"]), {
+				return e.innerRef, e.onResize, se(t, Mt({}, Nt(e, ["innerRef", "onResize"]), {
 					measureRef: this._handleRef,
 					measure: this.measure,
 					contentRect: this.state.contentRect
 				}));
 			}, r;
-		}(ae), n.propTypes = {
+		}(oe), n.propTypes = {
 			client: Z.default.bool,
 			offset: Z.default.bool,
 			scroll: Z.default.bool,
@@ -1552,7 +1552,7 @@ function mn(e) {
 		}, r;
 	};
 }
-var hn = mn()(function(e) {
+var gn = hn()(function(e) {
 	var t = e.measure, n = e.measureRef, r = e.contentRect, i = e.children;
 	return i({
 		measure: t,
@@ -1560,12 +1560,12 @@ var hn = mn()(function(e) {
 		contentRect: r
 	});
 });
-hn.displayName = "Measure", hn.propTypes.children = Z.default.func;
+gn.displayName = "Measure", gn.propTypes.children = Z.default.func;
 //#endregion
 //#region ../../lib-react/config-ui/dist/layout/settings-box.js
-var gn = x("div")(() => ({
-	backgroundColor: c.white(),
-	border: `2px solid ${c.border()}`,
+var _n = s("div")(() => ({
+	backgroundColor: y.white(),
+	border: `2px solid ${y.border()}`,
 	display: "flex",
 	flexDirection: "column",
 	justifyContent: "flex-start",
@@ -1573,7 +1573,7 @@ var gn = x("div")(() => ({
 	maxWidth: "300px",
 	padding: "20px 4px 4px 20px",
 	zIndex: 99
-})), _n = class extends K.Component {
+})), vn = class extends K.Component {
 	static propTypes = {
 		className: Z.default.string,
 		children: Z.default.oneOfType([Z.default.arrayOf(Z.default.node), Z.default.node]).isRequired
@@ -1581,19 +1581,19 @@ var gn = x("div")(() => ({
 	static defaultProps = {};
 	render() {
 		let { className: e, children: t } = this.props;
-		return /* @__PURE__ */ q(gn, {
+		return /* @__PURE__ */ q(_n, {
 			className: e,
 			children: t
 		});
 	}
-}, vn = d({
+}, yn = te({
 	typography: { fontFamily: "inherit" },
 	components: { MuiButton: { styleOverrides: { contained: {
 		backgroundColor: "#e0e0e0",
 		color: "#000000",
 		"&:hover": { backgroundColor: "#bdbdbd" }
 	} } } }
-}), yn = class extends K.Component {
+}), bn = class extends K.Component {
 	static propTypes = {
 		children: Z.default.oneOfType([
 			Z.default.string,
@@ -1618,27 +1618,28 @@ var gn = x("div")(() => ({
 	constructor(...e) {
 		super(...e), this.state = { layoutMode: void 0 };
 	}
+	scopeClass = m("extra-css-rules");
 	onResize = (e) => {
 		let { bounds: t } = e, { sidePanelMinWidth: n, dimensions: r } = this.props, { maxWidth: i } = r || {}, a = t.width > n && (!i || i > n) ? "inline" : "tabbed";
 		a !== this.state.layoutMode && this.setState({ layoutMode: a });
 	};
 	render() {
-		return /* @__PURE__ */ q(g, {
+		return /* @__PURE__ */ q(t, {
 			injectFirst: !0,
-			children: /* @__PURE__ */ q(b, {
-				theme: vn,
-				children: /* @__PURE__ */ q(hn, {
+			children: /* @__PURE__ */ q(x, {
+				theme: yn,
+				children: /* @__PURE__ */ q(gn, {
 					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__ */ q(_n, {
+						let { children: t, settings: n, hideSettings: r, dimensions: i, extraCSSRules: a } = this.props, { layoutMode: o } = this.state, s = r ? null : o === "inline" ? /* @__PURE__ */ q(vn, {
 							className: "settings-box",
 							children: n
 						}) : n;
 						return /* @__PURE__ */ J("div", {
 							ref: e,
-							className: "main-container extraCSSRules",
-							children: [a?.rules ? /* @__PURE__ */ q("style", { dangerouslySetInnerHTML: { __html: `.extraCSSRules { ${a.rules} }` } }) : null, /* @__PURE__ */ q(At, {
+							className: `main-container extraCSSRules ${this.scopeClass}`,
+							children: [a?.rules ? /* @__PURE__ */ q("style", { dangerouslySetInnerHTML: { __html: `.${this.scopeClass} { ${a.rules} }` } }) : null, /* @__PURE__ */ q(jt, {
 								mode: o,
 								secondary: s,
 								dimensions: i,
@@ -1650,34 +1651,34 @@ var gn = x("div")(() => ({
 			})
 		});
 	}
-}, bn = mn("bounds")(yn), xn = /* @__PURE__ */ wt({
-	ConfigLayout: () => bn,
-	LayoutContents: () => At
-}), Sn = x("div")(() => ({
+}, xn = hn("bounds")(bn), Sn = /* @__PURE__ */ Tt({
+	ConfigLayout: () => xn,
+	LayoutContents: () => jt
+}), Cn = s("div")(() => ({
 	display: "flex",
 	width: "100%",
 	justifyContent: "space-between"
-})), Cn = x(B)(({ theme: e }) => ({
+})), wn = s(B)(({ theme: e }) => ({
 	color: "rgba(0, 0, 0, 0.89)",
 	fontSize: e.typography.fontSize,
 	paddingTop: e.spacing(2)
-})), wn = x(Ke)(({ checked: e }) => ({
-	"&.Mui-checked .MuiSwitch-thumb": { color: `${c.tertiary()} !important` },
-	"&.Mui-checked .MuiSwitch-track": { backgroundColor: `${c.tertiaryLight()} !important` },
-	"& .MuiSwitch-track": { backgroundColor: e ? `${c.tertiaryLight()} !important` : void 0 }
-})), Tn = ({ checked: e, disabled: t, label: n, toggle: r }) => {
-	let i = ce();
-	return /* @__PURE__ */ J(Sn, { children: [/* @__PURE__ */ q(Cn, {
+})), Tn = s(qe)(({ checked: e }) => ({
+	"&.Mui-checked .MuiSwitch-thumb": { color: `${y.tertiary()} !important` },
+	"&.Mui-checked .MuiSwitch-track": { backgroundColor: `${y.tertiaryLight()} !important` },
+	"& .MuiSwitch-track": { backgroundColor: e ? `${y.tertiaryLight()} !important` : void 0 }
+})), En = ({ checked: e, disabled: t, label: n, toggle: r }) => {
+	let i = le();
+	return /* @__PURE__ */ J(Cn, { children: [/* @__PURE__ */ q(wn, {
 		htmlFor: i,
 		children: n
-	}), /* @__PURE__ */ q(wn, {
+	}), /* @__PURE__ */ q(Tn, {
 		id: i,
 		checked: e,
 		disabled: t,
 		onChange: (e) => r(e.target.checked)
 	})] });
 };
-Tn.propTypes = {
+En.propTypes = {
 	checked: Z.default.bool,
 	disabled: Z.default.bool,
 	label: Z.default.string.isRequired,
@@ -1685,20 +1686,20 @@ Tn.propTypes = {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/settings/settings-radio-label.js
-var En = x(ge)(({ theme: e }) => ({ "& .MuiFormControlLabel-label": {
+var Dn = s(_e)(({ theme: e }) => ({ "& .MuiFormControlLabel-label": {
 	color: "rgba(0, 0, 0, 0.89)",
 	fontSize: e.typography.fontSize - 2,
 	left: "-5px",
 	position: "relative"
-} })), Dn = x(ze)(() => ({ color: `${c.tertiary()} !important` })), On = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ q(En, {
+} })), On = s(Be)(() => ({ color: `${y.tertiary()} !important` })), kn = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ q(Dn, {
 	value: t,
-	control: /* @__PURE__ */ q(Dn, {
+	control: /* @__PURE__ */ q(On, {
 		checked: n,
 		onChange: r
 	}),
 	label: e
 });
-On.propTypes = {
+kn.propTypes = {
 	label: Z.default.string,
 	value: Z.default.string,
 	checked: Z.default.bool,
@@ -1706,26 +1707,26 @@ On.propTypes = {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/settings/panel.js
-var kn = (0, qe.default)("pie-lib:config-ui:settings:panel"), An = {
+var An = (0, Je.default)("pie-lib:config-ui:settings:panel"), jn = {
 	label: Z.default.string,
 	value: Z.default.string
-}, jn = {
+}, Mn = {
 	label: Z.default.string,
 	value: Z.default.string,
 	onChange: Z.default.func
-}, Mn = ({ label: e, value: t, onChange: n }) => /* @__PURE__ */ q(tt, {
+}, Nn = ({ label: e, value: t, onChange: n }) => /* @__PURE__ */ q(nt, {
 	checked: t,
 	label: e,
 	onChange: (e) => {
 		n(e.target.checked);
 	}
 });
-Mn.propTypes = {
+Nn.propTypes = {
 	label: Z.default.string,
 	value: Z.default.bool,
 	onChange: Z.default.func
 };
-var Nn = x(xt)(({ theme: e }) => ({
+var Pn = s(St)(({ theme: e }) => ({
 	marginTop: e.spacing(.5),
 	paddingBottom: e.spacing(.5),
 	width: "100%",
@@ -1736,29 +1737,29 @@ var Nn = x(xt)(({ theme: e }) => ({
 		marginTop: e.spacing(2.5)
 	},
 	"& > div": { marginTop: e.spacing(2.5) }
-})), Pn = ({ label: e, value: t, onChange: n, choices: r }) => /* @__PURE__ */ q(Nn, {
+})), Fn = ({ label: e, value: t, onChange: n, choices: r }) => /* @__PURE__ */ q(Pn, {
 	direction: "horizontal",
-	customLabel: On,
+	customLabel: kn,
 	value: t,
 	header: e,
 	opts: r,
 	onChange: n
 });
-Pn.propTypes = {
-	...jn,
-	choices: Z.default.arrayOf(Z.default.shape(An))
+Fn.propTypes = {
+	...Mn,
+	choices: Z.default.arrayOf(Z.default.shape(jn))
 };
-var Fn = Pn, In = x("p")(({ theme: e }) => ({
+var In = Fn, Ln = s("p")(({ theme: e }) => ({
 	margin: 0,
 	fontSize: e.typography.fontSize
-})), Ln = x(k)(({ theme: e }) => ({
+})), Rn = s(A)(({ theme: e }) => ({
 	marginTop: e.spacing(.5),
 	border: "2px solid lightgrey",
 	padding: `0 ${e.spacing(1)}`,
 	borderRadius: "4px"
-})), Rn = ({ label: e, value: t, onChange: n, choices: r = [] }) => {
+})), zn = ({ 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__ */ J("div", { children: [e && /* @__PURE__ */ q(In, { children: e }), /* @__PURE__ */ q(Ln, {
+	return /* @__PURE__ */ J("div", { children: [e && /* @__PURE__ */ q(Ln, { children: e }), /* @__PURE__ */ q(Rn, {
 		value: t || r && r[0],
 		onChange: ({ target: e }) => n(e.value),
 		input: /* @__PURE__ */ q(I, { id: `dropdown-${e}` }),
@@ -1773,14 +1774,14 @@ var Fn = Pn, In = x("p")(({ theme: e }) => ({
 		}, t))
 	})] });
 };
-Rn.propTypes = {
-	...jn,
+zn.propTypes = {
+	...Mn,
 	choices: Z.default.arrayOf(Z.default.string)
 };
-var zn = x(P)(({ theme: e }) => ({
+var Bn = s(F)(({ theme: e }) => ({
 	marginRight: e.spacing(3),
 	marginTop: e.spacing(1)
-})), Bn = ({ label: e }) => /* @__PURE__ */ q(zn, { children: e }), Vn = x(at)(({ theme: e }) => ({
+})), Vn = ({ label: e }) => /* @__PURE__ */ q(Bn, { children: e }), Hn = s(ot)(({ theme: e }) => ({
 	width: "35%",
 	marginRight: e.spacing(3),
 	marginTop: e.spacing(1),
@@ -1791,7 +1792,7 @@ var zn = x(P)(({ theme: e }) => ({
 		padding: `0 ${e.spacing(1)}`,
 		backgroundColor: "transparent"
 	}
-})), Hn = ({ label: e, value: t, onChange: n = () => {}, suffix: r, min: i, max: a }) => /* @__PURE__ */ q(Vn, {
+})), Un = ({ label: e, value: t, onChange: n = () => {}, suffix: r, min: i, max: a }) => /* @__PURE__ */ q(Hn, {
 	variant: "standard",
 	label: e || "Label",
 	value: t,
@@ -1802,45 +1803,45 @@ var zn = x(P)(({ theme: e }) => ({
 	showErrorWhenOutsideRange: !0,
 	disableUnderline: !0
 });
-Hn.propTypes = {
-	...jn,
+Un.propTypes = {
+	...Mn,
 	suffix: Z.default.string,
 	min: Z.default.number,
 	max: Z.default.number,
 	value: Z.default.number
-}, Bn.propTypes = { ...jn };
-var Un = ({ disabled: e, label: t, value: n, onChange: r }) => /* @__PURE__ */ q(Tn, {
+}, Vn.propTypes = { ...Mn };
+var Wn = ({ disabled: e, label: t, value: n, onChange: r }) => /* @__PURE__ */ q(En, {
 	label: t,
 	checked: !!n,
 	disabled: !!e,
 	toggle: r
 });
-Un.propTypes = {
-	...jn,
+Wn.propTypes = {
+	...Mn,
 	value: Z.default.bool
 };
-var Wn = {
-	toggle: Un,
-	radio: Fn,
-	dropdown: Rn,
-	numberField: Hn,
-	checkbox: Mn,
-	textField: Bn
-}, Gn = x("div")(({ theme: e }) => ({ margin: `0 0 ${e.spacing(2)} 0` })), Kn = x("div")(({ theme: e }) => ({
+var Gn = {
+	toggle: Wn,
+	radio: In,
+	dropdown: zn,
+	numberField: Un,
+	checkbox: Nn,
+	textField: Vn
+}, Kn = s("div")(({ theme: e }) => ({ margin: `0 0 ${e.spacing(2)} 0` })), qn = s("div")(({ theme: e }) => ({
 	color: "#495B8F",
 	fontSize: e.typography.fontSize + 2,
 	fontWeight: 600,
 	marginBottom: e.spacing(1)
-})), qn = x("p")(({ theme: e }) => ({
+})), Jn = s("p")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize,
 	marginBottom: 0
-})), Jn = (e) => {
+})), Yn = (e) => {
 	let { model: t, label: n, group: r, configuration: i, onChange: a } = e, o = (e, n, r) => {
 		let { isConfigProperty: o, ...s } = re(e, r || n), c = re(o ? i : t, n), l = {
 			...s,
 			key: n,
 			value: c
-		}, u = Wn[l.type];
+		}, u = Gn[l.type];
 		return /* @__PURE__ */ q(u, {
 			...l,
 			onChange: (e) => a(n, e, o)
@@ -1849,18 +1850,18 @@ var Wn = {
 		let n = e[t];
 		if (!n) return null;
 		let { type: r, label: i, fields: a, choices: s } = n;
-		return r === "numberFields" ? /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q(qn, { children: i }), Object.keys(a).map((n) => o(e, `${t}.${n}`, `${t}.fields.${n}`))] }, `numberField-${i}`) : r === "checkboxes" ? /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", { children: i }), Object.keys(s).map((n) => o(e, `${t}.${n}`, `${t}.choices.${n}`))] }, `checkbox-${i}`) : o(e, t);
+		return r === "numberFields" ? /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q(Jn, { children: i }), Object.keys(a).map((n) => o(e, `${t}.${n}`, `${t}.fields.${n}`))] }, `numberField-${i}`) : r === "checkboxes" ? /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", { children: i }), Object.keys(s).map((n) => o(e, `${t}.${n}`, `${t}.choices.${n}`))] }, `checkbox-${i}`) : o(e, t);
 	};
-	return /* @__PURE__ */ J(Gn, { children: [/* @__PURE__ */ q(Kn, { children: n }), Object.keys(r).map((e) => s(r, e))] });
+	return /* @__PURE__ */ J(Kn, { children: [/* @__PURE__ */ q(qn, { children: n }), Object.keys(r).map((e) => s(r, e))] });
 };
-Jn.propTypes = {
+Yn.propTypes = {
 	model: Z.default.object,
 	label: Z.default.string,
 	group: Z.default.object,
 	configuration: Z.default.object,
 	onChange: Z.default.func
 };
-var Yn = class extends K.Component {
+var Xn = class extends K.Component {
 	static propTypes = {
 		model: Z.default.object,
 		configuration: Z.default.object,
@@ -1874,13 +1875,13 @@ var Yn = class extends K.Component {
 		onChangeConfiguration: () => {}
 	};
 	change = (e, t, n = !1) => {
-		kn("[changeModel]", e, t);
+		An("[changeModel]", e, t);
 		let { onChangeModel: r, onChangeConfiguration: i } = this.props, a = { ...this.props.model }, o = { ...this.props.configuration };
-		n ? (U(o, e, t), i(o, e)) : (U(a, e, t), r(a, e));
+		n ? (H(o, e, t), i(o, e)) : (H(a, e, t), r(a, e));
 	};
 	render() {
 		let { groups: e, model: t, configuration: n, modal: r } = this.props;
-		return kn("render:", t), /* @__PURE__ */ J("div", { children: [Object.keys(e || {}).map((r) => Object.entries(e[r]).some(([, e]) => !!e) ? /* @__PURE__ */ q(Jn, {
+		return An("render:", t), /* @__PURE__ */ J("div", { children: [Object.keys(e || {}).map((r) => Object.entries(e[r]).some(([, e]) => !!e) ? /* @__PURE__ */ q(Yn, {
 			label: r,
 			model: t,
 			configuration: n,
@@ -1888,59 +1889,59 @@ var Yn = class extends K.Component {
 			onChange: this.change
 		}, r) : null), r] });
 	}
-}, Xn = /* @__PURE__ */ wt({
-	Panel: () => Yn,
-	checkbox: () => ir,
-	checkboxes: () => ar,
-	dropdown: () => tr,
-	numberField: () => nr,
-	numberFields: () => rr,
-	radio: () => er,
-	textField: () => Zn,
-	toggle: () => Qn
-}), Zn = (e, t = !0) => ({
+}, Zn = /* @__PURE__ */ Tt({
+	Panel: () => Xn,
+	checkbox: () => ar,
+	checkboxes: () => or,
+	dropdown: () => nr,
+	numberField: () => rr,
+	numberFields: () => ir,
+	radio: () => tr,
+	textField: () => Qn,
+	toggle: () => $n
+}), Qn = (e, t = !0) => ({
 	label: e,
 	type: "textField",
 	isConfigProperty: t
-}), Qn = (e, t = !1, n = !1) => ({
+}), $n = (e, t = !1, n = !1) => ({
 	type: "toggle",
 	label: e,
 	isConfigProperty: t,
 	disabled: n
-}), $n = (e) => typeof e == "string" ? {
+}), er = (e) => typeof e == "string" ? {
 	label: e,
 	value: e
-} : e, er = function() {
+} : e, tr = function() {
 	let [e, t, n = !1] = Array.prototype.slice.call(arguments);
 	return {
 		type: "radio",
 		label: e,
-		choices: t && t.map((e) => $n(e)),
+		choices: t && t.map((e) => er(e)),
 		isConfigProperty: n
 	};
-}, tr = (e, t, n = !1) => ({
+}, nr = (e, t, n = !1) => ({
 	type: "dropdown",
 	label: e,
 	choices: t,
 	isConfigProperty: n
-}), nr = (e, t, n = !1) => ({
+}), rr = (e, t, n = !1) => ({
 	...t,
 	label: e,
 	type: "numberField",
 	isConfigProperty: n
-}), rr = (e, t, n = !1) => (Object.keys(t).map((e) => {
-	t[e] = nr(t[e].label, t[e], n);
+}), ir = (e, t, n = !1) => (Object.keys(t).map((e) => {
+	t[e] = rr(t[e].label, t[e], n);
 }), {
 	type: "numberFields",
 	label: e,
 	fields: t
-}), ir = (e, t, n = !1) => ({
+}), ar = (e, t, n = !1) => ({
 	...t,
 	label: e,
 	type: "checkbox",
 	isConfigProperty: n
-}), ar = (e, t, n = !1) => (Object.keys(t).map((e) => {
-	t[e] = ir(t[e].label, t[e], n);
+}), or = (e, t, n = !1) => (Object.keys(t).map((e) => {
+	t[e] = ar(t[e].label, t[e], n);
 }), {
 	type: "checkboxes",
 	label: e,
@@ -1948,20 +1949,20 @@ var Yn = class extends K.Component {
 });
 //#endregion
 //#region ../../lib-react/config-ui/dist/index.js
-function or(e) {
+function sr(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function sr(e, t) {
-	return !e || or(e) ? e : or(e.default) ? e.default : t && or(e[t]) ? e[t] : t && or(e[t]?.default) ? e[t].default : e;
+function cr(e, t) {
+	return !e || sr(e) ? e : sr(e.default) ? e.default : t && sr(e[t]) ? e[t] : t && sr(e[t]?.default) ? e[t].default : e;
 }
-var cr = sr(v, "InputContainer") || sr(dr.InputContainer, "InputContainer"), lr = T, ur = lr.default, dr = ur && typeof ur == "object" ? ur : lr, fr = x("div")(() => ({ width: "160px" })), pr = x(r)(() => ({ width: "160px" })), mr = x(B)(() => ({ backgroundColor: "transparent" })), hr = ({ onChange: e, value: t, availableChartTypes: n, chartTypeLabel: r }) => {
-	let i = m("chart-type-label");
-	return /* @__PURE__ */ q(fr, { children: /* @__PURE__ */ J(pr, {
+var lr = cr(_, "InputContainer") || cr(fr.InputContainer, "InputContainer"), ur = T, dr = ur.default, fr = dr && typeof dr == "object" ? dr : ur, pr = s("div")(() => ({ width: "160px" })), mr = s(r)(() => ({ width: "160px" })), hr = s(B)(() => ({ backgroundColor: "transparent" })), gr = ({ onChange: e, value: t, availableChartTypes: n, chartTypeLabel: r }) => {
+	let i = p("chart-type-label");
+	return /* @__PURE__ */ q(pr, { children: /* @__PURE__ */ J(mr, {
 		variant: "outlined",
-		children: [/* @__PURE__ */ q(mr, {
+		children: [/* @__PURE__ */ q(hr, {
 			id: i,
 			children: r
-		}), /* @__PURE__ */ J(k, {
+		}), /* @__PURE__ */ J(A, {
 			labelId: i,
 			id: `${i}-select`,
 			name: "chartType",
@@ -2001,7 +2002,7 @@ var cr = sr(v, "InputContainer") || sr(dr.InputContainer, "InputContainer"), lr
 		})]
 	}) });
 };
-hr.propTypes = {
+gr.propTypes = {
 	onChange: Z.default.func.isRequired,
 	value: Z.default.string.isRequired,
 	availableChartTypes: Z.default.shape({
@@ -2016,7 +2017,7 @@ hr.propTypes = {
 };
 //#endregion
 //#region ../../lib-react/charting/dist/chart-setup.js
-var gr = (e, t, n, r, i) => {
+var _r = (e, t, n, r, i) => {
 	(e || []).forEach((e) => {
 		let t = Math.round(e.value * 10) % Math.round(n.step * 10) / 10;
 		(e.value > n.max || t !== 0) && (e.value = 0);
@@ -2024,38 +2025,38 @@ var gr = (e, t, n, r, i) => {
 		...i,
 		data: e
 	});
-}, _r = x("div")(() => ({ width: "450px" })), vr = x("div")(({ theme: e }) => ({
+}, vr = s("div")(() => ({ width: "450px" })), yr = s("div")(({ theme: e }) => ({
 	display: "flex",
 	flexDirection: "column",
 	width: "100%",
 	marginTop: e.spacing(3)
-})), yr = x("div")(() => ({
+})), br = s("div")(() => ({
 	display: "flex",
 	flexDirection: "column",
 	alignItems: "center"
-})), br = x("div")(() => ({
+})), xr = s("div")(() => ({
 	display: "flex",
 	justifyContent: "space-around",
 	alignItems: "center"
-})), xr = x(pt)(({ theme: e }) => ({
+})), Sr = s(mt)(({ theme: e }) => ({
 	width: "130px",
 	margin: `${e.spacing(1)} ${e.spacing(.5)}`
-})), Sr = x(pt)(({ theme: e }) => ({
+})), Cr = s(mt)(({ theme: e }) => ({
 	width: "160px",
 	margin: `${e.spacing(1)} ${e.spacing(.5)}`
-})), Cr = x("div")(({ theme: e }) => ({
+})), wr = s("div")(({ theme: e }) => ({
 	display: "flex",
 	justifyContent: "space-between",
 	alignItems: "center",
 	margin: `${e.spacing(3)} 0`
-})), wr = x(P)(() => ({ color: c.disabled() })), Tr = (e) => {
-	let { model: t, onChange: n, chartDimensions: r, gridValues: i = {}, labelValues: a = {}, studentNewCategoryDefaultLabel: o = {}, availableChartTypes: s = {}, chartTypeLabel: c } = e, [l, u] = le({
+})), Tr = s(F)(() => ({ color: y.disabled() })), Er = (e) => {
+	let { model: t, onChange: n, chartDimensions: r, gridValues: i = {}, labelValues: a = {}, studentNewCategoryDefaultLabel: o = {}, availableChartTypes: s = {}, chartTypeLabel: c } = e, [l, u] = ue({
 		open: !1,
 		title: "",
 		text: "",
 		onClose: null,
 		onConfirm: null
-	}), [d, f] = le(!1), [p, m] = le(""), [h, g] = le(0), { range: _ = {}, correctAnswer: v, changeInteractiveEnabled: y, changeEditableEnabled: b } = t, x = t.graph, { showInConfigPanel: S, width: C, height: w } = r || {}, T = {
+	}), [d, f] = ue(!1), [p, m] = ue(""), [h, g] = ue(0), { range: _ = {}, correctAnswer: v, changeInteractiveEnabled: y, changeEditableEnabled: b } = t, x = t.graph, { showInConfigPanel: S, width: C, height: w } = r || {}, T = {
 		min: C?.min ? Math.max(50, C.min) : 50,
 		max: C?.max ? Math.min(700, C.max) : 700,
 		step: C?.step >= 1 ? Math.min(200, C.step) : 20
@@ -2069,17 +2070,17 @@ var gr = (e, t, n, r, i) => {
 	}, O = a && a.range ? { customValues: a.range } : {
 		min: 0,
 		max: 1e4
-	}, k = /* @__PURE__ */ J(br, { children: [/* @__PURE__ */ q(Sr, {
+	}, k = /* @__PURE__ */ J(xr, { children: [/* @__PURE__ */ q(Cr, {
 		label: "Grid Interval",
 		value: _.step,
 		variant: "outlined",
-		onChange: (e, t) => R("step", t, e),
+		onChange: (e, t) => L("step", t, e),
 		...D
-	}), /* @__PURE__ */ q(Sr, {
+	}), /* @__PURE__ */ q(Cr, {
 		label: "Label Interval",
 		value: _.labelStep,
 		variant: "outlined",
-		onChange: (e, t) => R("labelStep", t, e),
+		onChange: (e, t) => L("labelStep", t, e),
 		...O
 	})] }), A = (e) => {
 		u((t) => ({
@@ -2088,20 +2089,20 @@ var gr = (e, t, n, r, i) => {
 		})), f(e);
 	}, j = (e, t) => e.map((e) => (Object.prototype.hasOwnProperty.call(e, t) && (e[t] = t == "interactive"), e)), M = (e) => {
 		let { correctAnswer: r, data: i } = t;
-		y === !1 && j(i, "interactive"), b === !1 && j(i, "editable"), gr(i, e, _, n, t), gr(r.data, !1, _, n, t);
+		y === !1 && j(i, "interactive"), b === !1 && j(i, "editable"), _r(i, e, _, n, t), _r(r.data, !1, _, n, t);
 	}, N = () => {
 		let e = o?.label;
 		n({
 			...t,
 			studentCategoryDefaultLabel: e
 		});
-	}, I = (e) => e.includes("Plot") ? {
+	}, P = (e) => e.includes("Plot") ? {
 		min: 3,
 		max: 10
 	} : {
 		min: .05,
 		max: 1e4
-	}, L = (e, r) => {
+	}, I = (e, r) => {
 		let i = {
 			...x,
 			[e]: r
@@ -2110,15 +2111,15 @@ var gr = (e, t, n, r, i) => {
 			...t,
 			graph: i
 		});
-	}, ee = (e, t) => (e || []).find((e) => e.value > t.max || e.value - t.step * Math.floor(e.value / t.step) !== 0), R = (e, r, i) => {
-		g(_[e]), m(e), _[e] = r, (e === "max" || e === "step") && (ee(t.data, _) || ee(t.correctAnswer.data, _)) && i?.target ? f(!0) : n({
+	}, te = (e, t) => (e || []).find((e) => e.value > t.max || e.value - t.step * Math.floor(e.value / t.step) !== 0), L = (e, r, i) => {
+		g(_[e]), m(e), _[e] = r, (e === "max" || e === "step") && (te(t.data, _) || te(t.correctAnswer.data, _)) && i?.target ? f(!0) : n({
 			...t,
 			range: _
 		});
 	};
-	se(() => {
+	ce(() => {
 		M(!0), N();
-	}, []), se(() => {
+	}, []), ce(() => {
 		d && u({
 			open: !0,
 			title: "Warning",
@@ -2135,20 +2136,20 @@ var gr = (e, t, n, r, i) => {
 			}
 		});
 	}, [d]);
-	let te = _.step === 1 && _.labelStep === 1 && 3 <= _.max && _.max <= 10, z = () => {
-		I.min = 3, I.max = 10, _.max = 10, _.step = 1, _.labelStep = 1, n({
+	let ne = _.step === 1 && _.labelStep === 1 && 3 <= _.max && _.max <= 10, R = () => {
+		P.min = 3, P.max = 10, _.max = 10, _.step = 1, _.labelStep = 1, n({
 			...t,
 			range: _
 		});
-	}, B = (e) => {
+	}, z = (e) => {
 		if (e.includes("Plot")) {
-			if (!te) {
+			if (!ne) {
 				u({
 					open: !0,
 					title: "Warning",
 					text: "The selected chart type does not support the current chart configuration. Reset chart configuration?",
 					onConfirm: () => {
-						z(), M(), A(!1), n({
+						R(), M(), A(!1), n({
 							...t,
 							range: _,
 							chartType: e
@@ -2160,7 +2161,7 @@ var gr = (e, t, n, r, i) => {
 				});
 				return;
 			}
-			I.min = 3, I.max = 10, n({
+			P.min = 3, P.max = 10, n({
 				...t,
 				chartType: e
 			});
@@ -2171,49 +2172,49 @@ var gr = (e, t, n, r, i) => {
 			chartType: e
 		});
 	};
-	return /* @__PURE__ */ J(_r, { children: [
-		/* @__PURE__ */ q(P, {
+	return /* @__PURE__ */ J(vr, { children: [
+		/* @__PURE__ */ q(F, {
 			variant: "subtitle1",
 			children: "Configure Chart"
 		}),
-		/* @__PURE__ */ J(vr, { children: [
-			/* @__PURE__ */ J(br, { children: [/* @__PURE__ */ q(hr, {
+		/* @__PURE__ */ J(yr, { children: [
+			/* @__PURE__ */ J(xr, { children: [/* @__PURE__ */ q(gr, {
 				value: t.chartType,
-				onChange: (e) => B(e.target.value),
+				onChange: (e) => z(e.target.value),
 				availableChartTypes: s,
 				chartTypeLabel: c
-			}), /* @__PURE__ */ q(Sr, {
+			}), /* @__PURE__ */ q(Cr, {
 				label: "Max Value",
 				value: _.max,
-				min: I(t.chartType).min,
-				max: I(t.chartType).max,
+				min: P(t.chartType).min,
+				max: P(t.chartType).max,
 				variant: "outlined",
-				onChange: (e, t) => R("max", t, e)
+				onChange: (e, t) => L("max", t, e)
 			})] }),
 			!t.chartType.includes("Plot") && k,
-			S && /* @__PURE__ */ J(Cr, { children: [
-				/* @__PURE__ */ q("div", { children: /* @__PURE__ */ q(P, { children: "Dimensions(px)" }) }),
-				/* @__PURE__ */ J(yr, { children: [/* @__PURE__ */ q(xr, {
+			S && /* @__PURE__ */ J(wr, { children: [
+				/* @__PURE__ */ q("div", { children: /* @__PURE__ */ q(F, { children: "Dimensions(px)" }) }),
+				/* @__PURE__ */ J(br, { children: [/* @__PURE__ */ q(Sr, {
 					label: "Width",
 					value: x.width,
 					min: T.min,
 					max: T.max,
 					step: T.step,
 					variant: "outlined",
-					onChange: (e, t) => L("width", t)
-				}), /* @__PURE__ */ q(wr, { children: "Min 50, Max 700" })] }),
-				/* @__PURE__ */ J(yr, { children: [/* @__PURE__ */ q(xr, {
+					onChange: (e, t) => I("width", t)
+				}), /* @__PURE__ */ q(Tr, { children: "Min 50, Max 700" })] }),
+				/* @__PURE__ */ J(br, { children: [/* @__PURE__ */ q(Sr, {
 					label: "Height",
 					value: x.height,
 					min: E.min,
 					max: E.max,
 					step: E.step,
 					variant: "outlined",
-					onChange: (e, t) => L("height", t)
-				}), /* @__PURE__ */ q(wr, { children: "Min 400, Max 700" })] })
+					onChange: (e, t) => I("height", t)
+				}), /* @__PURE__ */ q(Tr, { children: "Min 400, Max 700" })] })
 			] })
 		] }),
-		/* @__PURE__ */ q(F, {
+		/* @__PURE__ */ q(ee, {
 			open: l.open,
 			title: l.title,
 			text: l.text,
@@ -2222,7 +2223,7 @@ var gr = (e, t, n, r, i) => {
 		})
 	] });
 };
-Tr.propTypes = {
+Er.propTypes = {
 	chartDimensions: Z.default.object,
 	domain: Z.default.object,
 	gridValues: Z.default.object,
@@ -2238,7 +2239,7 @@ Tr.propTypes = {
 };
 //#endregion
 //#region ../../shared/configure-events/dist/index.js
-var Er = class e extends CustomEvent {
+var Dr = class e extends CustomEvent {
 	static {
 		this.TYPE = "model.updated";
 	}
@@ -2251,7 +2252,7 @@ var Er = class e extends CustomEvent {
 			}
 		}), this.update = t, this.reset = n;
 	}
-}, Dr = class e extends CustomEvent {
+}, Or = class e extends CustomEvent {
 	static {
 		this.TYPE = "delete.image";
 	}
@@ -2264,7 +2265,7 @@ var Er = class e extends CustomEvent {
 			}
 		}), this.src = t, this.done = n;
 	}
-}, Or = class e extends CustomEvent {
+}, kr = class e extends CustomEvent {
 	static {
 		this.TYPE = "insert.image";
 	}
@@ -2274,7 +2275,7 @@ var Er = class e extends CustomEvent {
 			detail: t
 		}), this.handler = t;
 	}
-}, kr = class e extends CustomEvent {
+}, Ar = class e extends CustomEvent {
 	static {
 		this.TYPE = "delete.sound";
 	}
@@ -2287,7 +2288,7 @@ var Er = class e extends CustomEvent {
 			}
 		}), this.src = t, this.done = n;
 	}
-}, Ar = class e extends CustomEvent {
+}, jr = class e extends CustomEvent {
 	static {
 		this.TYPE = "insert.sound";
 	}
@@ -2297,11 +2298,11 @@ var Er = class e extends CustomEvent {
 			detail: t
 		}), this.handler = t;
 	}
-}, jr = x("div")(({ theme: e }) => ({
+}, Mr = s("div")(({ theme: e }) => ({
 	marginBottom: e.spacing(2.5),
 	display: "flex",
 	flex: 1
-})), Mr = x("div")(({ theme: e }) => ({ marginBottom: e.spacing(1) })), Nr = x("div")({ flex: 1 }), Pr = x(ee)({ color: `${c.tertiary()} !important` }), Fr = (e, t) => {
+})), Nr = s("div")(({ theme: e }) => ({ marginBottom: e.spacing(1) })), Pr = s("div")({ flex: 1 }), Fr = s(L)({ color: `${y.tertiary()} !important` }), Ir = (e, t) => {
 	if (!e) return t;
 	let n = [];
 	return (t || []).forEach((t, r) => {
@@ -2313,7 +2314,7 @@ var Er = class e extends CustomEvent {
 			interactive: t.interactive
 		};
 	}), n;
-}, Ir = class extends G.Component {
+}, Lr = class extends G.Component {
 	static propTypes = {
 		model: Z.default.object.isRequired,
 		onChange: Z.default.func.isRequired,
@@ -2333,7 +2334,7 @@ var Er = class e extends CustomEvent {
 		data: e
 	});
 	changeAddRemoveEnabled = (e) => {
-		let { model: t } = this.props, n = Fr(t.correctAnswer.data, t.data);
+		let { model: t } = this.props, n = Ir(t.correctAnswer.data, t.data);
 		e ? this.props.onChange({
 			...this.props.model,
 			addCategoryEnabled: e
@@ -2362,13 +2363,13 @@ var Er = class e extends CustomEvent {
 	});
 	render() {
 		let { model: e, charts: t, labelsPlaceholders: n, titlePlaceholder: r, showPixelGuides: i, authorNewCategoryDefaults: a, chartingOptions: o, mathMlOptions: s = {}, labelsCharactersLimit: c } = this.props, { dialog: l } = this.state, { domain: u = {}, range: d = {} } = e || {};
-		return /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q(Mr, { children: "Define Initial Chart Attributes" }), /* @__PURE__ */ q(jr, { children: /* @__PURE__ */ J(Nr, { children: [
-			/* @__PURE__ */ q(P, {
+		return /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q(Nr, { children: "Define Initial Chart Attributes" }), /* @__PURE__ */ q(Mr, { children: /* @__PURE__ */ J(Pr, { children: [
+			/* @__PURE__ */ q(F, {
 				component: "div",
 				type: "body1",
 				children: /* @__PURE__ */ q("span", { children: "Use the tools below to set up the chart as it will initially appear to students." })
 			}),
-			/* @__PURE__ */ q(te, {
+			/* @__PURE__ */ q(R, {
 				defineChart: !0,
 				chartingOptions: o,
 				showPixelGuides: i,
@@ -2395,13 +2396,13 @@ var Er = class e extends CustomEvent {
 				mathMlOptions: s,
 				labelsCharactersLimit: c
 			}),
-			e.changeAddCategoryEnabled && /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q(Pr, {
+			e.changeAddCategoryEnabled && /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q(Fr, {
 				checked: e.addCategoryEnabled,
 				onChange: (e) => {
 					this.changeAddRemoveEnabled(e.target.checked);
 				}
 			}), o?.addCategory?.authoringLabel] }),
-			/* @__PURE__ */ q(F, {
+			/* @__PURE__ */ q(ee, {
 				open: l.open,
 				title: l.title,
 				text: l.text,
@@ -2410,20 +2411,20 @@ var Er = class e extends CustomEvent {
 			})
 		] }, "graph") })] });
 	}
-}, Lr = x("div")(({ theme: e }) => ({
+}, Rr = s("div")(({ theme: e }) => ({
 	marginBottom: e.spacing(2.5),
 	display: "flex",
 	flex: 1
-})), Rr = x("div")({ flex: 1 }), zr = x("div")(({ theme: e }) => ({ border: `2px solid ${e.palette.error.main}` })), Br = x(P)(({ theme: e }) => ({
+})), zr = s("div")({ flex: 1 }), Br = s("div")(({ theme: e }) => ({ border: `2px solid ${e.palette.error.main}` })), Vr = s(F)(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(1)
-})), Vr = x("div")(({ theme: e }) => ({ marginBottom: e.spacing(1) })), Hr = (e, t) => e.map((e, n) => ({
+})), Hr = s("div")(({ theme: e }) => ({ marginBottom: e.spacing(1) })), Ur = (e, t) => e.map((e, n) => ({
 	...e,
 	editable: n < t.length ? t[n].editable : !0,
 	interactive: n < t.length ? t[n].interactive : !0,
 	deletable: n >= t.length
-})), Ur = (e, t) => {
+})), Wr = (e, t) => {
 	if (!e) return t;
 	let n = [...e], r = [];
 	if ((t || []).forEach((t, n) => {
@@ -2436,25 +2437,25 @@ var Er = class e extends CustomEvent {
 		};
 	}), r.length < e.length) {
 		let i = (n || []).slice(r.length, e.length);
-		return Hr((r || []).concat(i), t);
+		return Ur((r || []).concat(i), t);
 	}
 	return r;
-}, Wr = (e, t) => {
+}, Gr = (e, t) => {
 	let n = t.length - 1, { editable: r, interactive: i, deletable: a, ...o } = t[t.length - 1];
-	return (e || []).splice(n, 0, o), Hr([...e], t);
-}, Gr = (e, t, n) => ((e || []).splice(n, 1), Hr([...e], t)), Kr = (e, t, n) => {
-	let r = e && e.model && e.model.data || [], i = t && t.model && t.model.data || [], a = ne(e && e.model && e.model.correctAnswer && e.model.correctAnswer.data || []), o = ne(n ? n.categories : []), s = [];
-	if (r.length > i.length) return s = Wr(a, r), s;
+	return (e || []).splice(n, 0, o), Ur([...e], t);
+}, Kr = (e, t, n) => ((e || []).splice(n, 1), Ur([...e], t)), qr = (e, t, n) => {
+	let r = e && e.model && e.model.data || [], i = t && t.model && t.model.data || [], a = U(e && e.model && e.model.correctAnswer && e.model.correctAnswer.data || []), o = U(n ? n.categories : []), s = [];
+	if (r.length > i.length) return s = Gr(a, r), s;
 	if (r.length < i.length) {
 		let e = r.length;
 		for (let t = 0; t < r.length; t++) if (r[t].index !== t) {
 			e = t;
 			break;
 		}
-		return s = Gr(o, r, e), s;
+		return s = Kr(o, r, e), s;
 	}
-	return s = Ur(a, r), s;
-}, qr = class extends G.Component {
+	return s = Wr(a, r), s;
+}, Jr = class extends G.Component {
 	static propTypes = {
 		correctAnswerErrors: Z.default.object,
 		studentNewCategoryDefaultLabel: Z.default.string,
@@ -2477,22 +2478,22 @@ var Er = class e extends CustomEvent {
 		});
 	};
 	componentDidMount() {
-		let e = Kr(this.props, this.props, null);
-		this.setState({ categories: e || Ur(this.props.model.correctAnswer.data, this.props.model.data) });
+		let e = qr(this.props, this.props, null);
+		this.setState({ categories: e || Wr(this.props.model.correctAnswer.data, this.props.model.data) });
 	}
 	componentDidUpdate(e, t) {
-		let n = Kr(this.props, e, t);
-		n && !W(n, this.state.categories) && (this.changeData(n), this.setState({ categories: n }));
+		let n = qr(this.props, e, t);
+		n && !ie(n, this.state.categories) && (this.changeData(n), this.setState({ categories: n }));
 	}
 	render() {
 		let { model: e, charts: t, error: n, studentNewCategoryDefaultLabel: r, correctAnswerErrors: i, mathMlOptions: a = {}, labelsPlaceholders: o = {} } = this.props, { categories: s } = this.state, { domain: c = {}, range: l = {} } = e || {}, { identicalError: u, categoriesError: d } = i || {};
-		return /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q(Vr, { children: "Define Correct Response" }), /* @__PURE__ */ q(Lr, { children: /* @__PURE__ */ J(Rr, { children: [
-			/* @__PURE__ */ q(P, {
+		return /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q(Hr, { children: "Define Correct Response" }), /* @__PURE__ */ q(Rr, { children: /* @__PURE__ */ J(zr, { children: [
+			/* @__PURE__ */ q(F, {
 				component: "div",
 				type: "body1",
 				children: /* @__PURE__ */ q("span", { children: "Use the tools below to define the correct answer." })
 			}),
-			q(u || d ? zr : "div", { children: /* @__PURE__ */ q(te, {
+			q(u || d ? Br : "div", { children: /* @__PURE__ */ q(R, {
 				chartType: e.chartType,
 				size: e.graph,
 				domain: c,
@@ -2507,14 +2508,14 @@ var Er = class e extends CustomEvent {
 				mathMlOptions: a,
 				labelsPlaceholders: o
 			}) }, `correct-response-graph-${e.correctAnswer.name}`),
-			(u || d) && /* @__PURE__ */ q(Br, {
+			(u || d) && /* @__PURE__ */ q(Vr, {
 				component: "div",
 				type: "body1",
 				children: /* @__PURE__ */ q("span", { children: u || d })
 			})
 		] }, "graph") })] });
 	}
-}, Jr = [
+}, Yr = [
 	.01,
 	.02,
 	.04,
@@ -2541,7 +2542,7 @@ var Er = class e extends CustomEvent {
 	100,
 	500,
 	1e3
-], Yr = [
+], Xr = [
 	.01,
 	.02,
 	.05,
@@ -2558,7 +2559,7 @@ var Er = class e extends CustomEvent {
 	100,
 	500,
 	1e3
-], Xr = {
+], Zr = {
 	.01: [
 		0,
 		.01,
@@ -2737,38 +2738,38 @@ var Er = class e extends CustomEvent {
 		4e3,
 		5e3
 	]
-}, Zr = (e, t, n = !1) => {
-	let r = 10 * (e.max - e.min) / t, i = r * 10, a = n && !Yr.includes(e.step) && Jr.includes(e.step);
-	return (!n || a ? Jr : Yr).filter((e) => e >= r && e <= i);
-}, Qr = (e) => Xr[e] || [], $r = (e, t, n, r) => {
-	let i = Zr(e, t), a = Qr(e.step || 1);
-	if (!W(n, i) && !i.includes(e.step)) {
-		let n = Zr(e, t, !0)[0] || 1;
-		return e.step = n, a = Qr(n), a.includes(e.labelStep) || (e.labelStep = n), {
+}, Qr = (e, t, n = !1) => {
+	let r = 10 * (e.max - e.min) / t, i = r * 10, a = n && !Xr.includes(e.step) && Yr.includes(e.step);
+	return (!n || a ? Yr : Xr).filter((e) => e >= r && e <= i);
+}, $r = (e) => Zr[e] || [], ei = (e, t, n, r) => {
+	let i = Qr(e, t), a = $r(e.step || 1);
+	if (!ie(n, i) && !i.includes(e.step)) {
+		let n = Qr(e, t, !0)[0] || 1;
+		return e.step = n, a = $r(n), a.includes(e.labelStep) || (e.labelStep = n), {
 			gridValues: i,
 			labelValues: a
 		};
 	}
-	return !W(r, a) && !a.includes(e.labelStep) && (e.labelStep = e.step), {
+	return !ie(r, a) && !a.includes(e.labelStep) && (e.labelStep = e.step), {
 		gridValues: i,
 		labelValues: a
 	};
-}, ei = (0, qe.default)("@pie-element:graphing:configure"), { Panel: ti, toggle: $, radio: ni, dropdown: ri, textField: ii } = Xn, ai = x(cr)(({ theme: e }) => ({
+}, ti = (0, Je.default)("@pie-element:graphing:configure"), { Panel: ni, toggle: $, radio: ri, dropdown: ii, textField: ai } = Zn, oi = s(lr)(({ theme: e }) => ({
 	width: "100%",
 	paddingTop: e.spacing(2),
 	marginBottom: e.spacing(2)
-})), oi = x(P)(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), si = x("div")(({ theme: e }) => ({
+})), si = s(F)(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), ci = s("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(1)
-})), ci = [
+})), li = [
 	E.Bar(),
 	E.Histogram(),
 	E.LineDot(),
 	E.LineCross(),
 	E.DotPlot(),
 	E.LinePlot()
-], li = class extends K.Component {
+], ui = class extends K.Component {
 	static propTypes = {
 		onModelChanged: Z.default.func,
 		onConfigurationChanged: Z.default.func,
@@ -2780,7 +2781,7 @@ var Er = class e extends CustomEvent {
 	};
 	constructor(e) {
 		super(e);
-		let { range: t = {}, graph: n } = e.model || {}, r = { range: Zr(t, n.height, !0) }, i = { range: Qr(t.step || 1) };
+		let { range: t = {}, graph: n } = e.model || {}, r = { range: Qr(t, n.height, !0) }, i = { range: $r(t.step || 1) };
 		this.state = {
 			gridValues: r,
 			labelValues: i
@@ -2806,7 +2807,7 @@ var Er = class e extends CustomEvent {
 		let { model: t, onModelChanged: n } = this.props, { gridValues: r, labelValues: i } = this.state, a = {
 			...t,
 			...e
-		}, { graph: o, range: s } = a, c = {}, l = {}, u = $r(s, o.height, r.range, i.range);
+		}, { graph: o, range: s } = a, c = {}, l = {}, u = ei(s, o.height, r.range, i.range);
 		c.range = u.gridValues, l.range = u.labelValues, this.setState({
 			gridValues: c,
 			labelValues: l
@@ -2814,135 +2815,135 @@ var Er = class e extends CustomEvent {
 	};
 	render() {
 		let { configuration: e, imageSupport: t, model: n, onConfigurationChanged: r, onModelChanged: i, uploadSoundSupport: a } = this.props;
-		ei("[render] model", n);
-		let { graph: o } = n, { baseInputConfiguration: s = {}, contentDimensions: c = {}, chartDimensions: l = {}, authorNewCategoryDefaults: u = {}, labelsPlaceholders: d = {}, instruction: f = {}, maxImageWidth: p = {}, maxImageHeight: m = {}, prompt: h = {}, rationale: g = {}, scoringType: _ = {}, settingsPanelDisabled: v, spellCheck: y = {}, studentInstructions: b = {}, teacherInstructions: x = {}, titlePlaceholder: S = {}, withRubric: C = {}, chartingOptions: w = {}, availableChartTypes: T = {}, mathMlOptions: E = {}, chartTypeLabel: D, language: O = {}, languageChoices: k = {}, labelsCharactersLimit: A } = e || {}, { errors: j, extraCSSRules: M, promptEnabled: N, rationaleEnabled: P, spellCheckEnabled: F, teacherInstructionsEnabled: I, studentNewCategoryDefaultLabel: L } = n || {}, { categoryErrors: ee, correctAnswerErrors: te, prompt: z, rationale: B, teacherInstructions: V } = j || {}, { gridValues: ne, labelValues: re } = this.state, H = l.showInConfigPanel || !0, U = p && p.prompt, W = m && m.prompt, ie = {
+		ti("[render] model", n);
+		let { graph: o } = n, { baseInputConfiguration: s = {}, contentDimensions: c = {}, chartDimensions: l = {}, authorNewCategoryDefaults: u = {}, labelsPlaceholders: d = {}, instruction: f = {}, maxImageWidth: p = {}, maxImageHeight: m = {}, prompt: h = {}, rationale: g = {}, scoringType: _ = {}, settingsPanelDisabled: v, spellCheck: y = {}, studentInstructions: b = {}, teacherInstructions: x = {}, titlePlaceholder: S = {}, withRubric: C = {}, chartingOptions: w = {}, availableChartTypes: T = {}, mathMlOptions: E = {}, chartTypeLabel: D, language: O = {}, languageChoices: k = {}, labelsCharactersLimit: A } = e || {}, { errors: j, extraCSSRules: M, promptEnabled: N, rationaleEnabled: P, spellCheckEnabled: F, teacherInstructionsEnabled: ee, studentNewCategoryDefaultLabel: I } = n || {}, { categoryErrors: te, correctAnswerErrors: L, prompt: R, rationale: z, teacherInstructions: B } = j || {}, { gridValues: V, labelValues: re } = this.state, ie = l.showInConfigPanel || !0, H = p && p.prompt, U = m && m.prompt, W = {
 			changeInteractiveEnabled: w.changeInteractive?.settings && $(w.changeInteractive.settingsLabel),
 			changeEditableEnabled: w.changeEditable?.settings && $(w.changeEditable.settingsLabel),
 			changeAddCategoryEnabled: w.addCategory?.settings && $(w.addCategory.settingsLabel)
-		}, G = {
+		}, ae = {
 			teacherInstructionsEnabled: x.settings && $(x.label),
 			studentInstructionsEnabled: b.settings && $(b.label),
 			rationaleEnabled: g.settings && $(g.label),
 			spellCheckEnabled: y.settings && $(y.label),
 			promptEnabled: h.settings && $(h.label),
-			scoringType: _.settings && ni(_.label, ["all or nothing", "partial scoring"]),
+			scoringType: _.settings && ri(_.label, ["all or nothing", "partial scoring"]),
 			rubricEnabled: C?.settings && $(C?.label),
 			"language.enabled": O.settings && $(O.label, !0),
-			language: O.settings && O.enabled && ri(k.label, k.options),
-			instruction: f.settings && ii(f.label)
-		}, K = (e = {}) => ({
+			language: O.settings && O.enabled && ii(k.label, k.options),
+			instruction: f.settings && ai(f.label)
+		}, G = (e = {}) => ({
 			...s,
 			...e
 		});
-		return /* @__PURE__ */ J(xn.ConfigLayout, {
+		return /* @__PURE__ */ J(Sn.ConfigLayout, {
 			extraCSSRules: M,
 			dimensions: c,
 			hideSettings: v,
-			settings: /* @__PURE__ */ q(ti, {
+			settings: /* @__PURE__ */ q(ni, {
 				model: n,
 				configuration: e,
 				onChangeModel: i,
 				onChangeConfiguration: r,
 				groups: {
-					Settings: ie,
-					Properties: G
+					Settings: W,
+					Properties: ae
 				}
 			}),
 			children: [
-				/* @__PURE__ */ q(oi, {
+				/* @__PURE__ */ q(si, {
 					component: "div",
 					type: "body1",
 					children: f?.label || ""
 				}),
-				I && /* @__PURE__ */ J(ai, {
+				ee && /* @__PURE__ */ J(oi, {
 					label: x.label,
-					children: [/* @__PURE__ */ q(R, {
+					children: [/* @__PURE__ */ q(ne, {
 						markup: n.teacherInstructions || "",
 						onChange: this.onTeacherInstructionsChange,
 						imageSupport: t,
 						nonEmpty: !1,
-						error: V,
+						error: B,
 						spellCheck: F,
-						pluginProps: K(x?.inputConfiguration),
-						maxImageWidth: p && p.teacherInstructions || U,
-						maxImageHeight: m && m.teacherInstructions || W,
+						pluginProps: G(x?.inputConfiguration),
+						maxImageWidth: p && p.teacherInstructions || H,
+						maxImageHeight: m && m.teacherInstructions || U,
 						uploadSoundSupport: a,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 						mathMlOptions: E
-					}), V && /* @__PURE__ */ q(si, { children: V })]
+					}), B && /* @__PURE__ */ q(ci, { children: B })]
 				}),
-				N && /* @__PURE__ */ J(ai, {
+				N && /* @__PURE__ */ J(oi, {
 					label: h.label,
-					children: [/* @__PURE__ */ q(R, {
+					children: [/* @__PURE__ */ q(ne, {
 						markup: n.prompt,
 						onChange: this.onPromptChange,
 						imageSupport: t,
 						nonEmpty: !1,
-						error: z,
+						error: R,
 						spellCheck: F,
 						disableUnderline: !0,
-						pluginProps: K(h?.inputConfiguration),
-						maxImageWidth: U,
-						maxImageHeight: W,
+						pluginProps: G(h?.inputConfiguration),
+						maxImageWidth: H,
+						maxImageHeight: U,
 						uploadSoundSupport: a,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 						mathMlOptions: E
-					}), z && /* @__PURE__ */ q(si, { children: z })]
+					}), R && /* @__PURE__ */ q(ci, { children: R })]
 				}),
-				/* @__PURE__ */ q(Tr, {
+				/* @__PURE__ */ q(Er, {
 					model: n,
 					onChange: this.onConfigChange,
-					gridValues: ne,
+					gridValues: V,
 					labelValues: re,
 					chartDimensions: l,
-					charts: ci,
-					studentNewCategoryDefaultLabel: L,
+					charts: li,
+					studentNewCategoryDefaultLabel: I,
 					availableChartTypes: T,
 					chartTypeLabel: D
 				}),
-				/* @__PURE__ */ q(Ir, {
+				/* @__PURE__ */ q(Lr, {
 					model: n,
 					onChange: i,
-					charts: ci,
+					charts: li,
 					labelsPlaceholders: d,
 					titlePlaceholder: S,
-					showPixelGuides: H,
+					showPixelGuides: ie,
 					authorNewCategoryDefaults: u,
 					chartingOptions: w,
 					mathMlOptions: E,
 					labelsCharactersLimit: A
 				}),
-				/* @__PURE__ */ q(qr, {
+				/* @__PURE__ */ q(Jr, {
 					config: o,
 					model: n,
 					onChange: i,
-					charts: ci,
-					error: ee,
-					correctAnswerErrors: te,
-					studentNewCategoryDefaultLabel: L,
+					charts: li,
+					error: te,
+					correctAnswerErrors: L,
+					studentNewCategoryDefaultLabel: I,
 					mathMlOptions: E,
 					labelsPlaceholders: d
 				}),
-				P && /* @__PURE__ */ J(ai, {
+				P && /* @__PURE__ */ J(oi, {
 					label: g.label || "Rationale",
-					children: [/* @__PURE__ */ q(R, {
+					children: [/* @__PURE__ */ q(ne, {
 						markup: n.rationale || "",
 						onChange: this.onRationaleChange,
 						imageSupport: t,
-						error: B,
+						error: z,
 						spellCheck: F,
-						pluginProps: K(g?.inputConfiguration),
-						maxImageWidth: p && p.rationale || U,
-						maxImageHeight: m && m.rationale || W,
+						pluginProps: G(g?.inputConfiguration),
+						maxImageWidth: p && p.rationale || H,
+						maxImageHeight: m && m.rationale || U,
 						uploadSoundSupport: a,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 						mathMlOptions: E
-					}), B && /* @__PURE__ */ q(si, { children: B })]
+					}), z && /* @__PURE__ */ q(ci, { children: z })]
 				})
 			]
 		});
 	}
-}, ui = {
+}, di = {
 	model: {
 		addCategoryEnabled: !0,
 		changeAddCategoryEnabled: !1,
@@ -3124,20 +3125,20 @@ var Er = class e extends CustomEvent {
 			}
 		}
 	}
-}, di = (0, qe.default)("pie-elements:graphing:configure"), fi = class e extends HTMLElement {
+}, fi = (0, Je.default)("pie-elements:graphing:configure"), pi = class e extends HTMLElement {
 	static createDefaultModel = (e = {}) => ({
-		...ui.model,
+		...di.model,
 		...e
 	});
 	constructor() {
-		super(), this._root = null, this._model = e.createDefaultModel(), this._configuration = ui.configuration;
+		super(), this._root = null, this._model = e.createDefaultModel(), this._configuration = di.configuration;
 	}
 	set model(t) {
 		this._model = e.createDefaultModel(t), this._render();
 	}
 	set configuration(e) {
 		let t = {
-			...ui.configuration,
+			...di.configuration,
 			...e
 		};
 		this._configuration = t, t?.language?.enabled ? t?.languageChoices?.options?.length && (this._model.language = t?.languageChoices.options[0].value) : t.language.settings && this._model.language ? (this._configuration.language.enabled = !0, (!this._configuration.languageChoices.options || !this._configuration.languageChoices.options.length) && (this._configuration.languageChoices.options = []), this._configuration.languageChoices.options.find((e) => e.value === this._model.language) || this._configuration.languageChoices.options.push({
@@ -3146,26 +3147,26 @@ var Er = class e extends CustomEvent {
 		})) : delete this._model.language, this._render();
 	}
 	onModelChanged(e) {
-		this._model = e, this._render(), di("[onModelChanged]: ", this._model), this.dispatchEvent(new Er(this._model));
+		this._model = e, this._render(), fi("[onModelChanged]: ", this._model), this.dispatchEvent(new Dr(this._model));
 	}
 	onConfigurationChanged(e) {
 		this._configuration = e, this._render();
 	}
 	insertImage(e) {
-		this.dispatchEvent(new Or(e));
+		this.dispatchEvent(new kr(e));
 	}
 	onDeleteImage(e, t) {
-		this.dispatchEvent(new Dr(e, t));
+		this.dispatchEvent(new Or(e, t));
 	}
 	insertSound(e) {
-		this.dispatchEvent(new Ar(e));
+		this.dispatchEvent(new jr(e));
 	}
 	onDeleteSound(e, t) {
-		this.dispatchEvent(new kr(e, t));
+		this.dispatchEvent(new Ar(e, t));
 	}
 	_render() {
 		if (this._model) {
-			let e = K.createElement(li, {
+			let e = K.createElement(ui, {
 				onModelChanged: this.onModelChanged.bind(this),
 				onConfigurationChanged: this.onConfigurationChanged.bind(this),
 				model: this._model,
@@ -3179,8 +3180,8 @@ var Er = class e extends CustomEvent {
 					delete: this.onDeleteSound.bind(this)
 				}
 			});
-			this._root ||= ue(this), this._root.render(e), queueMicrotask(() => {
-				p(this);
+			this._root ||= de(this), this._root.render(e), queueMicrotask(() => {
+				f(this);
 			});
 		}
 	}
@@ -3192,6 +3193,6 @@ var Er = class e extends CustomEvent {
 	}
 };
 //#endregion
-export { fi as default };
+export { pi as default };
 
 //# sourceMappingURL=index.js.map