@pie-element/charting 13.0.1-next.20261004200555 → 13.0.1-next.20261004202944

package/dist/browser/author/index.js

@@ -1,18 +1,18 @@
 import { i as e } from "../rolldown-runtime-CWhphoD1.js";
-import { A as t, C as n, D as r, E as i, F as a, G as o, H as s, I as c, J as l, K as u, L as d, M as f, N as p, O as m, P as h, Q as g, R 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, f as k, i as A, l as j, m as M, n as N, p as P, q as F, r as I, s as L, t as R, u as z, v as ee, w as B, z as V } from "../chart-BBYI_J0h.js";
-import { f as H, g as te, i as U, r as ne, t as W, v as re } from "../dist-Csg_Ufh1.js";
+import { $ as t, A as n, B as r, C as i, D as a, E as o, F as s, G as c, H as l, I as u, J as d, K as f, L as p, M as m, N as h, O as g, P as _, Q as v, R as y, T as b, U as x, W as S, X as C, Y as w, Z as T, _ as E, a as D, c as O, d as k, f as A, i as j, l as M, m as N, n as P, p as F, q as I, r as L, s as R, t as z, u as ee, v as B, w as te, z as V } from "../chart-CluVqze2.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 G from "react";
-import K, { Component as ie, createElement as ae, useEffect as oe, useState as se } from "react";
-import { createRoot as ce } from "react-dom/client";
+import K, { Component as ae, createElement as oe, useEffect as se, useState as ce } from "react";
+import { createRoot as le } 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 le = c;
+var ue = p;
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/FormControlLabel/formControlLabelClasses.js
-function ue(e) {
+function de(e) {
 	return C("MuiFormControlLabel", e);
 }
-var Y = l("MuiFormControlLabel", [
+var Y = w("MuiFormControlLabel", [
 	"root",
 	"labelPlacementStart",
 	"labelPlacementTop",
@@ -22,20 +22,20 @@ var Y = l("MuiFormControlLabel", [
 	"error",
 	"required",
 	"asterisk"
-]), de = (e) => {
-	let { classes: t, disabled: n, labelPlacement: r, error: i, required: o } = e;
-	return F({
+]), fe = (e) => {
+	let { classes: t, disabled: n, labelPlacement: r, error: i, required: a } = e;
+	return d({
 		root: [
 			"root",
 			n && "disabled",
-			`labelPlacement${a(r)}`,
+			`labelPlacement${u(r)}`,
 			i && "error",
-			o && "required"
+			a && "required"
 		],
 		label: ["label", n && "disabled"],
 		asterisk: ["asterisk", i && "error"]
-	}, ue, t);
-}, fe = y("label", {
+	}, de, t);
+}, pe = S("label", {
 	name: "MuiFormControlLabel",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -43,10 +43,10 @@ var Y = l("MuiFormControlLabel", [
 		return [
 			{ [`& .${Y.label}`]: t.label },
 			t.root,
-			t[`labelPlacement${a(n.labelPlacement)}`]
+			t[`labelPlacement${u(n.labelPlacement)}`]
 		];
 	}
-})(_(({ theme: e }) => ({
+})(V(({ theme: e }) => ({
 	display: "inline-flex",
 	alignItems: "center",
 	cursor: "pointer",
@@ -77,16 +77,16 @@ var Y = l("MuiFormControlLabel", [
 			style: { marginLeft: 16 }
 		}
 	]
-}))), pe = y("span", {
+}))), me = S("span", {
 	name: "MuiFormControlLabel",
 	slot: "Asterisk"
-})(_(({ theme: e }) => ({ [`&.${Y.error}`]: { color: (e.vars || e).palette.error.main } }))), me = /*#__PURE__*/ G.forwardRef(function(e, t) {
-	let n = V({
+})(V(({ theme: e }) => ({ [`&.${Y.error}`]: { color: (e.vars || e).palette.error.main } }))), he = /*#__PURE__*/ G.forwardRef(function(e, t) {
+	let n = r({
 		props: e,
 		name: "MuiFormControlLabel"
-	}), { checked: r, className: a, componentsProps: o = {}, control: s, disabled: c, disableTypography: l, inputRef: u, label: f, labelPlacement: p = "end", name: h, onChange: g, required: _, slots: v = {}, slotProps: y = {}, value: b, ...x } = n, C = i(), w = c ?? s.props.disabled ?? C?.disabled, T = _ ?? s.props.required, E = {
+	}), { checked: i, className: a, componentsProps: s = {}, control: c, disabled: l, disableTypography: u, inputRef: d, label: f, labelPlacement: p = "end", name: m, onChange: h, required: _, slots: v = {}, slotProps: b = {}, value: x, ...S } = n, C = o(), w = l ?? c.props.disabled ?? C?.disabled, E = _ ?? c.props.required, D = {
 		disabled: w,
-		required: T
+		required: E
 	};
 	[
 		"checked",
@@ -95,53 +95,53 @@ var Y = l("MuiFormControlLabel", [
 		"value",
 		"inputRef"
 	].forEach((e) => {
-		s.props[e] === void 0 && n[e] !== void 0 && (E[e] = n[e]);
+		c.props[e] === void 0 && n[e] !== void 0 && (D[e] = n[e]);
 	});
-	let D = m({
+	let O = g({
 		props: n,
 		muiFormControl: C,
 		states: ["error"]
-	}), O = {
+	}), k = {
 		...n,
 		disabled: w,
 		labelPlacement: p,
-		required: T,
-		error: D.error
-	}, k = de(O), [A, j] = d("typography", {
-		elementType: M,
+		required: E,
+		error: O.error
+	}, A = fe(k), [j, M] = y("typography", {
+		elementType: N,
 		externalForwardedProps: {
 			slots: v,
 			slotProps: {
-				...o,
-				...y
+				...s,
+				...b
 			}
 		},
-		ownerState: O
-	}), N = f;
-	return N != null && N.type !== M && !l && (N = /*#__PURE__*/ q(A, {
+		ownerState: k
+	}), P = f;
+	return P != null && P.type !== N && !u && (P = /*#__PURE__*/ q(j, {
 		component: "span",
-		...j,
-		className: S(k.label, j?.className),
-		children: N
-	})), /*#__PURE__*/ J(fe, {
-		className: S(k.root, a),
-		ownerState: O,
+		...M,
+		className: T(A.label, M?.className),
+		children: P
+	})), /*#__PURE__*/ J(pe, {
+		className: T(A.root, a),
+		ownerState: k,
 		ref: t,
-		...x,
-		children: [/*#__PURE__*/ G.cloneElement(s, E), T ? /*#__PURE__*/ J("div", { children: [N, /*#__PURE__*/ J(pe, {
-			ownerState: O,
+		...S,
+		children: [/*#__PURE__*/ G.cloneElement(c, D), E ? /*#__PURE__*/ J("div", { children: [P, /*#__PURE__*/ J(me, {
+			ownerState: k,
 			"aria-hidden": !0,
-			className: k.asterisk,
+			className: A.asterisk,
 			children: [" ", "*"]
-		})] }) : N]
+		})] }) : P]
 	});
 });
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/InputAdornment/inputAdornmentClasses.js
-function he(e) {
+function ge(e) {
 	return C("MuiInputAdornment", e);
 }
-var ge = l("MuiInputAdornment", [
+var _e = w("MuiInputAdornment", [
 	"root",
 	"filled",
 	"standard",
@@ -151,29 +151,29 @@ var ge = l("MuiInputAdornment", [
 	"disablePointerEvents",
 	"hiddenLabel",
 	"sizeSmall"
-]), _e, ve = (e, t) => {
+]), ve, ye = (e, t) => {
 	let { ownerState: n } = e;
 	return [
 		t.root,
-		t[`position${a(n.position)}`],
+		t[`position${u(n.position)}`],
 		n.disablePointerEvents === !0 && t.disablePointerEvents,
 		t[n.variant]
 	];
-}, ye = (e) => {
-	let { classes: t, disablePointerEvents: n, hiddenLabel: r, position: i, size: o, variant: s } = e;
-	return F({ root: [
+}, be = (e) => {
+	let { classes: t, disablePointerEvents: n, hiddenLabel: r, position: i, size: a, variant: o } = e;
+	return d({ root: [
 		"root",
 		n && "disablePointerEvents",
-		i && `position${a(i)}`,
-		s,
+		i && `position${u(i)}`,
+		o,
 		r && "hiddenLabel",
-		o && `size${a(o)}`
-	] }, he, t);
-}, be = y("div", {
+		a && `size${u(a)}`
+	] }, ge, t);
+}, xe = S("div", {
 	name: "MuiInputAdornment",
 	slot: "Root",
-	overridesResolver: ve
-})(_(({ theme: e }) => ({
+	overridesResolver: ye
+})(V(({ theme: e }) => ({
 	display: "flex",
 	maxHeight: "2em",
 	alignItems: "center",
@@ -182,7 +182,7 @@ var ge = l("MuiInputAdornment", [
 	variants: [
 		{
 			props: { variant: "filled" },
-			style: { [`&.${ge.positionStart}&:not(.${ge.hiddenLabel})`]: { marginTop: 16 } }
+			style: { [`&.${_e.positionStart}&:not(.${_e.hiddenLabel})`]: { marginTop: 16 } }
 		},
 		{
 			props: { position: "start" },
@@ -197,45 +197,45 @@ var ge = l("MuiInputAdornment", [
 			style: { pointerEvents: "none" }
 		}
 	]
-}))), xe = /*#__PURE__*/ G.forwardRef(function(e, t) {
-	let n = V({
+}))), Se = /*#__PURE__*/ G.forwardRef(function(e, t) {
+	let n = r({
 		props: e,
 		name: "MuiInputAdornment"
-	}), { children: a, className: o, component: s = "div", disablePointerEvents: c = !1, disableTypography: l = !1, position: u, variant: d, ...f } = n, p = i() || {}, m = d;
-	d && p.variant, p && !m && (m = p.variant);
-	let h = {
+	}), { children: i, className: s, component: c = "div", disablePointerEvents: l = !1, disableTypography: u = !1, position: d, variant: f, ...p } = n, m = o() || {}, h = f;
+	f && m.variant, m && !h && (h = m.variant);
+	let g = {
 		...n,
-		hiddenLabel: p.hiddenLabel,
-		size: p.size,
-		disablePointerEvents: c,
-		position: u,
-		variant: m
-	}, g = ye(h);
-	return /*#__PURE__*/ q(r.Provider, {
+		hiddenLabel: m.hiddenLabel,
+		size: m.size,
+		disablePointerEvents: l,
+		position: d,
+		variant: h
+	}, _ = be(g);
+	return /*#__PURE__*/ q(a.Provider, {
 		value: null,
-		children: /*#__PURE__*/ q(be, {
-			as: s,
-			ownerState: h,
-			className: S(g.root, o),
+		children: /*#__PURE__*/ q(xe, {
+			as: c,
+			ownerState: g,
+			className: T(_.root, s),
 			ref: t,
-			...f,
-			children: typeof a == "string" && !l ? /*#__PURE__*/ q(M, {
+			...p,
+			children: typeof i == "string" && !u ? /*#__PURE__*/ q(N, {
 				color: "textSecondary",
-				children: a
-			}) : /*#__PURE__*/ J(G.Fragment, { children: [u === "start" ? _e ||= /*#__PURE__*/ q("span", {
+				children: i
+			}) : /*#__PURE__*/ J(G.Fragment, { children: [d === "start" ? ve ||= /*#__PURE__*/ q("span", {
 				className: "notranslate",
 				"aria-hidden": !0,
 				children: "​"
-			}) : null, a] })
+			}) : null, i] })
 		})
 	});
-}), Se = h(/*#__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"), Ce = h(/*#__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"), we = y("span", {
+}), Ce = s(/*#__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"), we = s(/*#__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"), Te = S("span", {
 	name: "MuiRadioButtonIcon",
-	shouldForwardProp: x
+	shouldForwardProp: c
 })({
 	position: "relative",
 	display: "flex"
-}), Te = y(Se, { name: "MuiRadioButtonIcon" })({ transform: "scale(1)" }), Ee = y(Ce, { name: "MuiRadioButtonIcon" })(_(({ theme: e }) => ({
+}), Ee = S(Ce, { name: "MuiRadioButtonIcon" })({ transform: "scale(1)" }), De = S(we, { name: "MuiRadioButtonIcon" })(V(({ theme: e }) => ({
 	left: 0,
 	position: "absolute",
 	transform: "scale(0)",
@@ -254,19 +254,19 @@ var ge = l("MuiInputAdornment", [
 		}
 	}]
 })));
-function De(e) {
+function Oe(e) {
 	let { checked: t = !1, classes: n = {}, fontSize: r } = e, i = {
 		...e,
 		checked: t
 	};
-	return /*#__PURE__*/ J(we, {
+	return /*#__PURE__*/ J(Te, {
 		className: n.root,
 		ownerState: i,
-		children: [/*#__PURE__*/ q(Te, {
+		children: [/*#__PURE__*/ q(Ee, {
 			fontSize: r,
 			className: n.background,
 			ownerState: i
-		}), /*#__PURE__*/ q(Ee, {
+		}), /*#__PURE__*/ q(De, {
 			fontSize: r,
 			className: n.dot,
 			ownerState: i
@@ -275,49 +275,49 @@ function De(e) {
 }
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/RadioGroup/RadioGroupContext.js
-var Oe = /*#__PURE__*/ G.createContext(void 0);
+var ke = /*#__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 ke() {
-	return G.useContext(Oe);
+function Ae() {
+	return G.useContext(ke);
 }
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/Radio/radioClasses.js
-function Ae(e) {
+function je(e) {
 	return C("MuiRadio", e);
 }
-var je = l("MuiRadio", [
+var Me = w("MuiRadio", [
 	"root",
 	"checked",
 	"disabled",
 	"colorPrimary",
 	"colorSecondary",
 	"sizeSmall"
-]), Me = (e) => {
+]), Ne = (e) => {
 	let { classes: t, color: n, size: r } = e, i = { root: [
 		"root",
-		`color${a(n)}`,
-		r !== "medium" && `size${a(r)}`
+		`color${u(n)}`,
+		r !== "medium" && `size${u(r)}`
 	] };
 	return {
 		...t,
-		...F(i, Ae, t)
+		...d(i, je, t)
 	};
-}, Ne = y(A, {
-	shouldForwardProp: (e) => x(e) || e === "classes",
+}, Pe = S(j, {
+	shouldForwardProp: (e) => c(e) || e === "classes",
 	name: "MuiRadio",
 	slot: "Root",
 	overridesResolver: (e, t) => {
 		let { ownerState: n } = e;
 		return [
 			t.root,
-			n.size !== "medium" && t[`size${a(n.size)}`],
-			t[`color${a(n.color)}`]
+			n.size !== "medium" && t[`size${u(n.size)}`],
+			t[`color${u(n.color)}`]
 		];
 	}
-})(_(({ theme: e }) => ({
+})(V(({ theme: e }) => ({
 	color: (e.vars || e).palette.text.secondary,
-	[`&.${je.disabled}`]: { color: (e.vars || e).palette.action.disabled },
+	[`&.${Me.disabled}`]: { color: (e.vars || e).palette.action.disabled },
 	variants: [
 		{
 			props: {
@@ -327,7 +327,7 @@ var je = l("MuiRadio", [
 			},
 			style: { "&:hover": { backgroundColor: e.alpha((e.vars || e).palette.action.active, (e.vars || e).palette.action.hoverOpacity) } }
 		},
-		...Object.entries(e.palette).filter(t()).map(([t]) => ({
+		...Object.entries(e.palette).filter(n()).map(([t]) => ({
 			props: {
 				color: t,
 				disabled: !1,
@@ -335,12 +335,12 @@ var je = l("MuiRadio", [
 			},
 			style: { "&:hover": { backgroundColor: e.alpha((e.vars || e).palette[t].main, (e.vars || e).palette.action.hoverOpacity) } }
 		})),
-		...Object.entries(e.palette).filter(t()).map(([t]) => ({
+		...Object.entries(e.palette).filter(n()).map(([t]) => ({
 			props: {
 				color: t,
 				disabled: !1
 			},
-			style: { [`&.${je.checked}`]: { color: (e.vars || e).palette[t].main } }
+			style: { [`&.${Me.checked}`]: { color: (e.vars || e).palette[t].main } }
 		})),
 		{
 			props: { disableRipple: !1 },
@@ -348,27 +348,27 @@ var je = l("MuiRadio", [
 		}
 	]
 })));
-function Pe(e, t) {
+function Fe(e, t) {
 	return typeof t == "object" && t ? e === t : String(e) === String(t);
 }
-var Fe = /*#__PURE__*/ q(De, { checked: !0 }), Ie = /*#__PURE__*/ q(De, {}), Le = /*#__PURE__*/ G.forwardRef(function(e, t) {
-	let n = V({
+var Ie = /*#__PURE__*/ q(Oe, { checked: !0 }), Le = /*#__PURE__*/ q(Oe, {}), Re = /*#__PURE__*/ G.forwardRef(function(e, t) {
+	let n = r({
 		props: e,
 		name: "MuiRadio"
-	}), { checked: r, checkedIcon: a = Fe, color: o = "primary", icon: s = Ie, name: c, onChange: l, size: u = "medium", className: f, disabled: p, disableRipple: m = !1, slots: h = {}, slotProps: g = {}, inputProps: _, ...v } = n, y = i(), b = p;
-	y && b === void 0 && (b = y.disabled), b ??= !1;
-	let x = {
+	}), { checked: i, checkedIcon: a = Ie, color: s = "primary", icon: c = Le, name: l, onChange: u, size: d = "medium", className: f, disabled: p, disableRipple: m = !1, slots: h = {}, slotProps: g = {}, inputProps: _, ...v } = n, b = o(), x = p;
+	b && x === void 0 && (x = b.disabled), x ??= !1;
+	let S = {
 		...n,
-		disabled: b,
+		disabled: x,
 		disableRipple: m,
-		color: o,
-		size: u
-	}, C = Me(x), w = ke(), T = r, E = le(l, w && w.onChange), D = c;
-	w && (T === void 0 && (T = Pe(w.value, n.value)), D === void 0 && (D = w.name));
-	let O = g.input ?? _, [k, A] = d("root", {
+		color: s,
+		size: d
+	}, C = Ne(S), w = Ae(), E = i, D = ue(u, w && w.onChange), O = l;
+	w && (E === void 0 && (E = Fe(w.value, n.value)), O === void 0 && (O = w.name));
+	let k = g.input ?? _, [A, j] = y("root", {
 		ref: t,
-		elementType: Ne,
-		className: S(C.root, f),
+		elementType: Pe,
+		className: T(C.root, f),
 		shouldForwardComponentProp: !0,
 		externalForwardedProps: {
 			slots: h,
@@ -378,32 +378,32 @@ var Fe = /*#__PURE__*/ q(De, { checked: !0 }), Ie = /*#__PURE__*/ q(De, {}), Le
 		getSlotProps: (e) => ({
 			...e,
 			onChange: (t, ...n) => {
-				e.onChange?.(t, ...n), E(t, ...n);
+				e.onChange?.(t, ...n), D(t, ...n);
 			}
 		}),
-		ownerState: x,
+		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 }),
-			disabled: b,
-			name: D,
-			checked: T,
+			icon: /*#__PURE__*/ G.cloneElement(c, { fontSize: c.props.fontSize ?? d }),
+			checkedIcon: /*#__PURE__*/ G.cloneElement(a, { fontSize: a.props.fontSize ?? d }),
+			disabled: x,
+			name: O,
+			checked: E,
 			slots: h,
-			slotProps: { input: typeof O == "function" ? O(x) : O }
+			slotProps: { input: typeof k == "function" ? k(S) : k }
 		}
 	});
-	return /*#__PURE__*/ q(k, {
-		...A,
+	return /*#__PURE__*/ q(A, {
+		...j,
 		classes: C
 	});
 });
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/Switch/switchClasses.js
-function Re(e) {
+function ze(e) {
 	return C("MuiSwitch", e);
 }
-var X = l("MuiSwitch", [
+var X = w("MuiSwitch", [
 	"root",
 	"edgeStart",
 	"edgeEnd",
@@ -417,36 +417,36 @@ var X = l("MuiSwitch", [
 	"input",
 	"thumb",
 	"track"
-]), ze = (e) => {
-	let { classes: t, edge: n, size: r, color: i, checked: o, disabled: s } = e, c = F({
+]), Be = (e) => {
+	let { classes: t, edge: n, size: r, color: i, checked: a, disabled: o } = e, s = d({
 		root: [
 			"root",
-			n && `edge${a(n)}`,
-			`size${a(r)}`
+			n && `edge${u(n)}`,
+			`size${u(r)}`
 		],
 		switchBase: [
 			"switchBase",
-			`color${a(i)}`,
-			o && "checked",
-			s && "disabled"
+			`color${u(i)}`,
+			a && "checked",
+			o && "disabled"
 		],
 		thumb: ["thumb"],
 		track: ["track"],
 		input: ["input"]
-	}, Re, t);
+	}, ze, t);
 	return {
 		...t,
-		...c
+		...s
 	};
-}, Be = y("span", {
+}, Ve = S("span", {
 	name: "MuiSwitch",
 	slot: "Root",
 	overridesResolver: (e, t) => {
 		let { ownerState: n } = e;
 		return [
 			t.root,
-			n.edge && t[`edge${a(n.edge)}`],
-			t[`size${a(n.size)}`]
+			n.edge && t[`edge${u(n.edge)}`],
+			t[`size${u(n.size)}`]
 		];
 	}
 })({
@@ -487,7 +487,7 @@ var X = l("MuiSwitch", [
 			}
 		}
 	]
-}), Ve = y(A, {
+}), He = S(j, {
 	name: "MuiSwitch",
 	slot: "SwitchBase",
 	overridesResolver: (e, t) => {
@@ -495,10 +495,10 @@ var X = l("MuiSwitch", [
 		return [
 			t.switchBase,
 			{ [`& .${X.input}`]: t.input },
-			n.color !== "default" && t[`color${a(n.color)}`]
+			n.color !== "default" && t[`color${u(n.color)}`]
 		];
 	}
-})(_(({ theme: e }) => ({
+})(V(({ theme: e }) => ({
 	position: "absolute",
 	top: 0,
 	left: 0,
@@ -513,12 +513,12 @@ var X = l("MuiSwitch", [
 		left: "-100%",
 		width: "300%"
 	}
-})), _(({ theme: e }) => ({
+})), V(({ 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(t(["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 = l("MuiSwitch", [
 			[`&.${X.checked} + .${X.track}`]: { backgroundColor: (e.vars || e).palette[t].main }
 		}
 	}))]
-}))), He = y("span", {
+}))), Ue = S("span", {
 	name: "MuiSwitch",
 	slot: "Track"
-})(_(({ theme: e }) => ({
+})(V(({ theme: e }) => ({
 	height: "100%",
 	width: "100%",
 	borderRadius: 14 / 2,
@@ -545,10 +545,10 @@ var X = l("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}`
-}))), Ue = y("span", {
+}))), We = S("span", {
 	name: "MuiSwitch",
 	slot: "Thumb"
-})(_(({ theme: e }) => ({
+})(V(({ theme: e }) => ({
 	boxShadow: (e.vars || e).shadows[1],
 	backgroundColor: "currentColor",
 	boxSizing: "border-box",
@@ -556,70 +556,70 @@ var X = l("MuiSwitch", [
 	width: 20,
 	height: 20,
 	borderRadius: "50%"
-}))), We = /*#__PURE__*/ G.forwardRef(function(e, t) {
-	let n = V({
+}))), Ge = /*#__PURE__*/ G.forwardRef(function(e, t) {
+	let n = r({
 		props: e,
 		name: "MuiSwitch"
-	}), { className: r, color: i = "primary", edge: a = !1, size: o = "medium", sx: s, slots: c = {}, slotProps: l = {}, ...u } = n, f = {
+	}), { className: i, color: a = "primary", edge: o = !1, size: s = "medium", sx: c, slots: l = {}, slotProps: u = {}, ...d } = n, f = {
 		...n,
-		color: i,
-		edge: a,
-		size: o
-	}, m = ze(f), h = l.input, g = {
-		slots: c,
-		slotProps: l
-	}, [_, v] = d("root", {
-		className: S(m.root, r),
-		elementType: Be,
-		externalForwardedProps: g,
+		color: a,
+		edge: o,
+		size: s
+	}, p = Be(f), m = u.input, h = {
+		slots: l,
+		slotProps: u
+	}, [g, v] = y("root", {
+		className: T(p.root, i),
+		elementType: Ve,
+		externalForwardedProps: h,
 		ownerState: f,
-		additionalProps: { sx: s }
-	}), [y, b] = d("thumb", {
-		className: m.thumb,
-		elementType: Ue,
-		externalForwardedProps: g,
+		additionalProps: { sx: c }
+	}), [b, x] = y("thumb", {
+		className: p.thumb,
+		elementType: We,
+		externalForwardedProps: h,
 		ownerState: f
-	}), x = /*#__PURE__*/ q(y, { ...b }), [C, w] = d("track", {
-		className: m.track,
-		elementType: He,
-		externalForwardedProps: g,
+	}), S = /*#__PURE__*/ q(b, { ...x }), [C, w] = y("track", {
+		className: p.track,
+		elementType: Ue,
+		externalForwardedProps: h,
 		ownerState: f
 	});
-	return /*#__PURE__*/ J(_, {
+	return /*#__PURE__*/ J(g, {
 		...v,
-		children: [/*#__PURE__*/ q(Ve, {
+		children: [/*#__PURE__*/ q(He, {
 			type: "checkbox",
-			icon: x,
-			checkedIcon: x,
+			icon: S,
+			checkedIcon: S,
 			ref: t,
 			ownerState: f,
-			...u,
+			...d,
 			classes: {
-				...m,
-				root: m.switchBase
+				...p,
+				root: p.switchBase
 			},
 			slots: {
-				...c.switchBase && { root: c.switchBase },
-				...c.input && { input: c.input }
+				...l.switchBase && { root: l.switchBase },
+				...l.input && { input: l.input }
 			},
 			slotProps: {
-				...l.switchBase && { root: typeof l.switchBase == "function" ? l.switchBase(f) : l.switchBase },
-				input: p(typeof h == "function" ? h(f) : h, { role: "switch" })
+				...u.switchBase && { root: typeof u.switchBase == "function" ? u.switchBase(f) : u.switchBase },
+				input: _(typeof m == "function" ? m(f) : m, { role: "switch" })
 			}
 		}), /*#__PURE__*/ q(C, { ...w })]
 	});
-}), Ge = /* @__PURE__ */ e(re(), 1), Z = /* @__PURE__ */ e(g(), 1), Ke = y(me)(() => ({ "& .MuiFormControlLabel-label": {
+}), Ke = /* @__PURE__ */ e(ie(), 1), Z = /* @__PURE__ */ e(t(), 1), qe = S(he)(() => ({ "& .MuiFormControlLabel-label": {
 	left: "-5px",
 	position: "relative"
-} })), qe = y(Le)(() => ({ color: `${b.tertiary()} !important` })), Je = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ q(Ke, {
+} })), Je = S(Re)(() => ({ color: `${l.tertiary()} !important` })), Ye = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ q(qe, {
 	value: t,
-	control: /* @__PURE__ */ q(qe, {
+	control: /* @__PURE__ */ q(Je, {
 		checked: n,
 		onChange: r
 	}),
 	label: e
 });
-Je.propTypes = {
+Ye.propTypes = {
 	label: Z.default.string,
 	value: Z.default.string,
 	checked: Z.default.bool,
@@ -627,7 +627,7 @@ Je.propTypes = {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/tabs/index.js
-var Ye = y(D)(() => ({})), Xe = class extends K.Component {
+var Xe = S(O)(() => ({})), Ze = class extends K.Component {
 	static propTypes = {
 		className: Z.default.string,
 		contentClassName: Z.default.string,
@@ -644,11 +644,11 @@ var Ye = y(D)(() => ({})), Xe = 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(j, {
+			children: [/* @__PURE__ */ q(M, {
 				indicatorColor: "primary",
 				value: e,
 				onChange: this.handleChange,
-				children: K.Children.map(t, (e, t) => e && e.props.title ? /* @__PURE__ */ q(Ye, { label: e.props.title }, t) : null)
+				children: K.Children.map(t, (e, t) => e && e.props.title ? /* @__PURE__ */ q(Xe, { label: e.props.title }, t) : null)
 			}), /* @__PURE__ */ q("div", {
 				className: r,
 				style: i,
@@ -656,7 +656,7 @@ var Ye = y(D)(() => ({})), Xe = class extends K.Component {
 			})]
 		});
 	}
-}, Ze = y(me)(({ theme: e, mini: t }) => ({
+}, Qe = S(he)(({ theme: e, mini: t }) => ({
 	margin: 0,
 	marginLeft: 0,
 	padding: 0,
@@ -666,12 +666,12 @@ var Ye = y(D)(() => ({})), Xe = class extends K.Component {
 		color: "rgba(0,0,0,1.0)",
 		...t && {
 			marginLeft: e.spacing(1),
-			color: u[700],
+			color: I[700],
 			fontSize: e.typography.fontSize - 3
 		}
 	}
-})), Qe = y(I)(({ theme: e, mini: t, error: n }) => ({
-	color: `${b.tertiary()} !important`,
+})), $e = S(L)(({ theme: e, mini: t, error: n }) => ({
+	color: `${l.tertiary()} !important`,
 	...t && {
 		margin: 0,
 		padding: 0,
@@ -679,9 +679,9 @@ var Ye = y(D)(() => ({})), Xe = class extends K.Component {
 		height: e.spacing(3)
 	},
 	...n && { color: `${e.palette.error.main} !important` }
-})), $e = ({ mini: e, checked: t, onChange: n, value: r, label: i, error: a }) => /* @__PURE__ */ q(Ze, {
+})), et = ({ mini: e, checked: t, onChange: n, value: r, label: i, error: a }) => /* @__PURE__ */ q(Qe, {
 	mini: e,
-	control: /* @__PURE__ */ q(Qe, {
+	control: /* @__PURE__ */ q($e, {
 		checked: t,
 		onChange: n,
 		value: r,
@@ -690,21 +690,21 @@ var Ye = y(D)(() => ({})), Xe = class extends K.Component {
 	}),
 	label: i
 });
-$e.propTypes = {
+et.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
-}, $e.defaultProps = {
+}, et.defaultProps = {
 	value: "",
 	mini: !1,
 	error: !1
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/number-text-field.js
-var et = (0, Ge.default)("@pie-lib:config-ui:number-text-field"), tt = y(z)(({ theme: e }) => ({
+var tt = (0, Ke.default)("@pie-lib:config-ui:number-text-field"), nt = S(ee)(({ theme: e }) => ({
 	marginRight: e.spacing(1),
 	"& .MuiInputLabel-root": {
 		width: "auto",
@@ -726,11 +726,11 @@ var et = (0, Ge.default)("@pie-lib:config-ui:number-text-field"), tt = y(z)(({ t
 		minHeight: "auto",
 		padding: "6px 0 7px"
 	}
-})), nt = (e, t) => {
-	if (!U(e) && !U(t)) return 0;
-	if (!U(e) && U(t)) return t;
-	if (U(e)) return e;
-}, rt = class extends K.Component {
+})), rt = (e, t) => {
+	if (!H(e) && !H(t)) return 0;
+	if (!H(e) && H(t)) return t;
+	if (H(e)) return e;
+}, it = class extends K.Component {
 	static propTypes = {
 		disabled: Z.default.bool,
 		className: Z.default.string,
@@ -756,13 +756,13 @@ var et = (0, Ge.default)("@pie-lib:config-ui:number-text-field"), tt = y(z)(({ t
 		this.setState({ value: t });
 	}
 	clamp(e, t = this.props.min, n = this.props.max) {
-		return U(e) ? (U(n) && (e = Math.min(e, n)), U(t) && (e = Math.max(e, t)), e) : nt(t, n);
+		return H(e) ? (H(n) && (e = Math.min(e, n)), H(t) && (e = Math.max(e, t)), e) : rt(t, n);
 	}
 	onBlur = (e) => {
 		let t = e.target.value, n = parseFloat(t);
-		et("rawNumber: ", n);
+		tt("rawNumber: ", n);
 		let r = this.clamp(n);
-		et("number: ", r), r !== this.state.value && (et("trigger update..."), this.setState({ value: r.toString() }, () => {
+		tt("number: ", r), r !== this.state.value && (tt("trigger update..."), this.setState({ value: r.toString() }, () => {
 			this.props.onChange(e, r);
 		}));
 	};
@@ -782,7 +782,7 @@ var et = (0, Ge.default)("@pie-lib:config-ui:number-text-field"), tt = y(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(tt, {
+		return /* @__PURE__ */ q(nt, {
 			variant: s ? "filled" : l || "standard",
 			inputRef: (e) => {
 				this.inputRef = e;
@@ -801,7 +801,7 @@ var et = (0, Ge.default)("@pie-lib:config-ui:number-text-field"), tt = y(z)(({ t
 			type: "number",
 			className: e,
 			slotProps: { input: {
-				endAdornment: r && /* @__PURE__ */ q(xe, {
+				endAdornment: r && /* @__PURE__ */ q(Se, {
 					position: "end",
 					children: r
 				}),
@@ -814,12 +814,12 @@ var et = (0, Ge.default)("@pie-lib:config-ui:number-text-field"), tt = y(z)(({ t
 			margin: "normal"
 		});
 	}
-}, it = (e) => typeof e == "object" && !!e && typeof e.n == "number" && typeof e.d == "number", at = (e) => {
+}, at = (e) => typeof e == "object" && !!e && typeof e.n == "number" && typeof e.d == "number", ot = (e) => {
 	if (typeof e == "number") return e;
-	if (it(e)) return (e.s ?? 1) * e.n / e.d;
+	if (at(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);
-}, ot = h(/*#__PURE__*/ q("path", { d: "M19 13H5v-2h14z" }), "Remove"), st = h(/*#__PURE__*/ q("path", { d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z" }), "Add"), ct = y(z)(() => ({
+}, st = s(/*#__PURE__*/ q("path", { d: "M19 13H5v-2h14z" }), "Remove"), ct = s(/*#__PURE__*/ q("path", { d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z" }), "Add"), lt = S(ee)(() => ({
 	"& input[type=number]": { MozAppearance: "textfield" },
 	"& input[type=number]::-webkit-outer-spin-button": {
 		WebkitAppearance: "none",
@@ -829,11 +829,11 @@ var et = (0, Ge.default)("@pie-lib:config-ui:number-text-field"), tt = y(z)(({ t
 		WebkitAppearance: "none",
 		margin: 0
 	}
-})), lt = y(T)(() => ({ padding: "2px" })), ut = (e, t) => {
-	if (!U(e) && !U(t)) return 0;
-	if (!U(e) && U(t)) return t;
-	if (U(e)) return e;
-}, dt = class extends K.Component {
+})), ut = S(E)(() => ({ padding: "2px" })), dt = (e, t) => {
+	if (!H(e) && !H(t)) return 0;
+	if (!H(e) && H(t)) return t;
+	if (H(e)) return e;
+}, ft = class extends K.Component {
 	static propTypes = {
 		className: Z.default.string,
 		customValues: Z.default.array,
@@ -877,7 +877,7 @@ var et = (0, Ge.default)("@pie-lib:config-ui:number-text-field"), tt = y(z)(({ t
 	}
 	clamp(e, t = this.props.min, n = this.props.max) {
 		let { customValues: r } = this.props;
-		return (r || []).length > 0 ? e : U(e) ? (U(n) && (e = Math.min(e, n)), U(t) && (e = Math.max(e, t)), e) : ut(t, n);
+		return (r || []).length > 0 ? e : H(e) ? (H(n) && (e = Math.min(e, n)), H(t) && (e = Math.max(e, t)), e) : dt(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 et = (0, Ge.default)("@pie-lib:config-ui:number-text-field"), tt = y(z)(({ t
 		value: e[0],
 		index: 0
 	});
-	getClosestFractionValue = (e, t) => e.reduce((e, n, r) => Math.abs(at(n) - at(t)) < Math.abs(at(e.value) - at(t)) ? {
+	getClosestFractionValue = (e, t) => e.reduce((e, n, r) => Math.abs(ot(n) - ot(t)) < Math.abs(ot(e.value) - ot(t)) ? {
 		value: n,
 		index: r
 	} : e, {
@@ -948,7 +948,7 @@ var et = (0, Ge.default)("@pie-lib:config-ui:number-text-field"), tt = y(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]) : U(i) && U(a) && (h = p === i, g = p === a), /* @__PURE__ */ q(ct, {
+		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(lt, {
 			variant: u,
 			inputRef: (e) => this.inputRef = e,
 			disabled: n,
@@ -970,22 +970,22 @@ var et = (0, Ge.default)("@pie-lib:config-ui:number-text-field"), tt = y(z)(({ t
 			InputProps: {
 				className: s,
 				disableUnderline: c,
-				startAdornment: /* @__PURE__ */ q(xe, {
+				startAdornment: /* @__PURE__ */ q(Se, {
 					position: "start",
-					children: /* @__PURE__ */ q(lt, {
+					children: /* @__PURE__ */ q(ut, {
 						disabled: n || h,
 						onClick: (e) => this.changeValue(e, -1, !0),
 						size: "large",
-						children: /* @__PURE__ */ q(ot, { fontSize: "small" })
+						children: /* @__PURE__ */ q(st, { fontSize: "small" })
 					})
 				}),
-				endAdornment: /* @__PURE__ */ q(xe, {
+				endAdornment: /* @__PURE__ */ q(Se, {
 					position: "end",
-					children: /* @__PURE__ */ q(lt, {
+					children: /* @__PURE__ */ q(ut, {
 						disabled: n || g,
 						onClick: (e) => this.changeValue(e, 1, !0),
 						size: "large",
-						children: /* @__PURE__ */ q(st, { fontSize: "small" })
+						children: /* @__PURE__ */ q(ct, { fontSize: "small" })
 					})
 				})
 			},
@@ -999,19 +999,19 @@ var et = (0, Ge.default)("@pie-lib:config-ui:number-text-field"), tt = y(z)(({ t
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/two-choice.js
-function ft(e) {
+function pt(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function pt(e, t) {
-	return !e || ft(e) ? e : ft(e.default) ? e.default : t && ft(e[t]) ? e[t] : t && ft(e[t]?.default) ? e[t].default : e;
+function mt(e, t) {
+	return !e || pt(e) ? e : pt(e.default) ? e.default : t && pt(e[t]) ? e[t] : t && pt(e[t]?.default) ? e[t].default : e;
 }
-var mt = pt(n, "InputContainer") || pt(_t.InputContainer, "InputContainer"), ht = ee, gt = ht.default, _t = gt && typeof gt == "object" ? gt : ht, vt = y("div")(({ theme: e, direction: t }) => ({
+var ht = mt(i, "InputContainer") || mt(vt.InputContainer, "InputContainer"), gt = B, _t = gt.default, vt = _t && typeof _t == "object" ? _t : gt, yt = S("div")(({ theme: e, direction: t }) => ({
 	display: "flex",
 	flexWrap: "wrap",
 	paddingLeft: 0,
 	marginTop: e.spacing(1),
 	...t === "vertical" && { flexDirection: "column" }
-})), yt = class extends K.Component {
+})), bt = class extends K.Component {
 	static propTypes = {
 		header: Z.default.string.isRequired,
 		className: Z.default.string,
@@ -1028,11 +1028,11 @@ var mt = pt(n, "InputContainer") || pt(_t.InputContainer, "InputContainer"), ht
 		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 || Je;
-		return /* @__PURE__ */ q(mt, {
+		} : e), s = n || Ye;
+		return /* @__PURE__ */ q(ht, {
 			label: e,
 			className: t,
-			children: /* @__PURE__ */ q(vt, {
+			children: /* @__PURE__ */ q(yt, {
 				direction: a,
 				children: o.map((e, t) => /* @__PURE__ */ q(s, {
 					value: e.value,
@@ -1043,7 +1043,7 @@ var mt = pt(n, "InputContainer") || pt(_t.InputContainer, "InputContainer"), ht
 			})
 		});
 	}
-}, bt = Z.default.shape({
+}, xt = Z.default.shape({
 	label: Z.default.string,
 	value: Z.default.string
 });
@@ -1052,14 +1052,14 @@ var mt = pt(n, "InputContainer") || pt(_t.InputContainer, "InputContainer"), ht
 		header: Z.default.string.isRequired,
 		value: Z.default.string.isRequired,
 		onChange: Z.default.func.isRequired,
-		one: Z.default.oneOfType([bt, Z.default.string]),
-		two: Z.default.oneOfType([bt, Z.default.string]),
+		one: Z.default.oneOfType([xt, Z.default.string]),
+		two: Z.default.oneOfType([xt, 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(yt, {
+		return /* @__PURE__ */ q(bt, {
 			customLabel: i,
 			header: n,
 			className: r,
@@ -1071,21 +1071,21 @@ var mt = pt(n, "InputContainer") || pt(_t.InputContainer, "InputContainer"), ht
 });
 //#endregion
 //#region ../../lib-react/config-ui/dist/_virtual/_rolldown/runtime.js
-var xt = Object.defineProperty, St = (e, t) => {
+var St = Object.defineProperty, Ct = (e, t) => {
 	let n = {};
-	for (var r in e) xt(n, r, {
+	for (var r in e) St(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || xt(n, Symbol.toStringTag, { value: "Module" }), n;
-}, Ct = y("div")(() => ({
+	return t || St(n, Symbol.toStringTag, { value: "Module" }), n;
+}, wt = S("div")(() => ({
 	display: "flex",
 	flexDirection: "column",
 	position: "relative"
-})), wt = y("div")(() => ({
+})), Tt = S("div")(() => ({
 	display: "flex",
 	justifyContent: "space-between"
-})), Tt = y("div")(({ theme: e }) => ({ padding: `${e.spacing(2)} 0` })), Et = y("div")(() => ({ flex: "1" })), Dt = y("div")(({ theme: e }) => ({ marginLeft: e.spacing(2) })), Ot = class extends K.Component {
+})), Et = S("div")(({ theme: e }) => ({ padding: `${e.spacing(2)} 0` })), Dt = S("div")(() => ({ flex: "1" })), Ot = S("div")(({ theme: e }) => ({ marginLeft: e.spacing(2) })), kt = 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 xt = Object.defineProperty, St = (e, t) => {
 		} catch (e) {
 			console.log(e.toString());
 		}
-		return /* @__PURE__ */ J(Ct, {
+		return /* @__PURE__ */ J(wt, {
 			style: {
 				minHeight: i,
 				minWidth: a,
@@ -1111,28 +1111,28 @@ var xt = Object.defineProperty, St = (e, t) => {
 				maxWidth: s
 			},
 			children: [
-				e === "inline" && /* @__PURE__ */ J(wt, { children: [/* @__PURE__ */ q(Et, {
+				e === "inline" && /* @__PURE__ */ J(Tt, { children: [/* @__PURE__ */ q(Dt, {
 					className: "design-container",
 					children: n
-				}), l && /* @__PURE__ */ q(Dt, {
+				}), l && /* @__PURE__ */ q(Ot, {
 					className: "settings-container",
 					children: t
 				})] }),
-				e === "tabbed" && l && /* @__PURE__ */ J(Xe, {
+				e === "tabbed" && l && /* @__PURE__ */ J(Ze, {
 					onChange: this.onTabsChange,
 					contentClassName: "content-container",
 					indicatorColor: "primary",
-					children: [/* @__PURE__ */ q(Tt, {
+					children: [/* @__PURE__ */ q(Et, {
 						title: "Design",
 						className: "design-container",
 						children: n
-					}), /* @__PURE__ */ q(Tt, {
+					}), /* @__PURE__ */ q(Et, {
 						title: "Settings",
 						className: "settings-container",
 						children: t
 					})]
 				}),
-				e === "tabbed" && !l && /* @__PURE__ */ q(Tt, {
+				e === "tabbed" && !l && /* @__PURE__ */ q(Et, {
 					className: "design-container",
 					children: n
 				})
@@ -1142,18 +1142,18 @@ var xt = Object.defineProperty, St = (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 kt() {
-	return kt = Object.assign ? Object.assign.bind() : function(e) {
+function At() {
+	return At = 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;
-	}, kt.apply(null, arguments);
+	}, At.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 At(e, t) {
+function jt(e, t) {
 	if (e == null) return {};
 	var n = {};
 	for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
@@ -1164,19 +1164,19 @@ function At(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 jt(e, t) {
-	return jt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+function Mt(e, t) {
+	return Mt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
 		return e.__proto__ = t, e;
-	}, jt(e, t);
+	}, Mt(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 Mt(e, t) {
-	e.prototype = Object.create(t.prototype), e.prototype.constructor = e, jt(e, t);
+function Nt(e, t) {
+	e.prototype = Object.create(t.prototype), e.prototype.constructor = e, Mt(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 Nt = (function() {
+var Pt = (function() {
 	if (typeof Map < "u") return Map;
 	function e(e, t) {
 		var n = -1;
@@ -1215,34 +1215,34 @@ var Nt = (function() {
 			}
 		}, t;
 	}();
-})(), Pt = typeof window < "u" && typeof document < "u" && window.document === document, Ft = (function() {
+})(), Ft = typeof window < "u" && typeof document < "u" && window.document === document, It = (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")();
-})(), It = (function() {
-	return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(Ft) : function(e) {
+})(), Lt = (function() {
+	return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(It) : function(e) {
 		return setTimeout(function() {
 			return e(Date.now());
 		}, 1e3 / 60);
 	};
-})(), Lt = 2;
-function Rt(e, t) {
+})(), Rt = 2;
+function zt(e, t) {
 	var n = !1, r = !1, i = 0;
 	function a() {
 		n && (n = !1, e()), r && s();
 	}
 	function o() {
-		It(a);
+		Lt(a);
 	}
 	function s() {
 		var e = Date.now();
 		if (n) {
-			if (e - i < Lt) return;
+			if (e - i < Rt) return;
 			r = !0;
 		} else n = !0, r = !1, setTimeout(o, t);
 		i = e;
 	}
 	return s;
 }
-var zt = 20, Bt = [
+var Bt = 20, Vt = [
 	"top",
 	"right",
 	"bottom",
@@ -1251,9 +1251,9 @@ var zt = 20, Bt = [
 	"height",
 	"size",
 	"weight"
-], Vt = typeof MutationObserver < "u", Ht = function() {
+], Ht = typeof MutationObserver < "u", Ut = function() {
 	function e() {
-		this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = Rt(this.refresh.bind(this), zt);
+		this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = zt(this.refresh.bind(this), Bt);
 	}
 	return e.prototype.addObserver = function(e) {
 		~this.observers_.indexOf(e) || this.observers_.push(e), this.connected_ || this.connect_();
@@ -1270,23 +1270,23 @@ var zt = 20, Bt = [
 			return e.broadcastActive();
 		}), e.length > 0;
 	}, e.prototype.connect_ = function() {
-		!Pt || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), Vt ? (this.mutationsObserver_ = new MutationObserver(this.refresh), this.mutationsObserver_.observe(document, {
+		!Ft || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), Ht ? (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() {
-		!Pt || !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);
+		!Ft || !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;
-		Bt.some(function(e) {
+		Vt.some(function(e) {
 			return !!~n.indexOf(e);
 		}) && this.refresh();
 	}, e.getInstance = function() {
 		return this.instance_ ||= new e(), this.instance_;
 	}, e.instance_ = null, e;
-}(), Ut = (function(e, t) {
+}(), Wt = (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 zt = 20, Bt = [
 	}
 	return e;
 }), Q = (function(e) {
-	return e && e.ownerDocument && e.ownerDocument.defaultView || Ft;
-}), Wt = en(0, 0, 0, 0);
-function Gt(e) {
+	return e && e.ownerDocument && e.ownerDocument.defaultView || It;
+}), Gt = tn(0, 0, 0, 0);
+function Kt(e) {
 	return parseFloat(e) || 0;
 }
-function Kt(e) {
+function qt(e) {
 	return [...arguments].slice(1).reduce(function(t, n) {
 		var r = e["border-" + n + "-width"];
-		return t + Gt(r);
+		return t + Kt(r);
 	}, 0);
 }
-function qt(e) {
+function Jt(e) {
 	for (var t = [
 		"top",
 		"right",
@@ -1317,40 +1317,40 @@ function qt(e) {
 		"left"
 	], n = {}, r = 0, i = t; r < i.length; r++) {
 		var a = i[r], o = e["padding-" + a];
-		n[a] = Gt(o);
+		n[a] = Kt(o);
 	}
 	return n;
 }
-function Jt(e) {
+function Yt(e) {
 	var t = e.getBBox();
-	return en(0, 0, t.width, t.height);
+	return tn(0, 0, t.width, t.height);
 }
-function Yt(e) {
+function Xt(e) {
 	var t = e.clientWidth, n = e.clientHeight;
-	if (!t && !n) return Wt;
-	var r = Q(e).getComputedStyle(e), i = qt(r), a = i.left + i.right, o = i.top + i.bottom, s = Gt(r.width), c = Gt(r.height);
-	if (r.boxSizing === "border-box" && (Math.round(s + a) !== t && (s -= Kt(r, "left", "right") + a), Math.round(c + o) !== n && (c -= Kt(r, "top", "bottom") + o)), !Zt(e)) {
+	if (!t && !n) return Gt;
+	var r = Q(e).getComputedStyle(e), i = Jt(r), a = i.left + i.right, o = i.top + i.bottom, s = Kt(r.width), c = Kt(r.height);
+	if (r.boxSizing === "border-box" && (Math.round(s + a) !== t && (s -= qt(r, "left", "right") + a), Math.round(c + o) !== n && (c -= qt(r, "top", "bottom") + o)), !Qt(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 en(i.left, i.top, s, c);
+	return tn(i.left, i.top, s, c);
 }
-var Xt = (function() {
+var Zt = (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 Zt(e) {
-	return e === Q(e).document.documentElement;
-}
 function Qt(e) {
-	return Pt ? Xt(e) ? Jt(e) : Yt(e) : Wt;
+	return e === Q(e).document.documentElement;
 }
 function $t(e) {
+	return Ft ? Zt(e) ? Yt(e) : Xt(e) : Gt;
+}
+function en(e) {
 	var t = e.x, n = e.y, r = e.width, i = e.height, a = Object.create((typeof DOMRectReadOnly < "u" ? DOMRectReadOnly : Object).prototype);
-	return Ut(a, {
+	return Wt(a, {
 		x: t,
 		y: n,
 		width: r,
@@ -1361,7 +1361,7 @@ function $t(e) {
 		left: t
 	}), a;
 }
-function en(e, t, n, r) {
+function tn(e, t, n, r) {
 	return {
 		x: e,
 		y: t,
@@ -1369,29 +1369,29 @@ function en(e, t, n, r) {
 		height: r
 	};
 }
-var tn = function() {
+var nn = function() {
 	function e(e) {
-		this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = en(0, 0, 0, 0), this.target = e;
+		this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = tn(0, 0, 0, 0), this.target = e;
 	}
 	return e.prototype.isActive = function() {
-		var e = Qt(this.target);
+		var e = $t(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;
-}(), nn = function() {
+}(), rn = function() {
 	function e(e, t) {
-		var n = $t(t);
-		Ut(this, {
+		var n = en(t);
+		Wt(this, {
 			target: e,
 			contentRect: n
 		});
 	}
 	return e;
-}(), rn = function() {
+}(), an = function() {
 	function e(e, t, n) {
-		if (this.activeObservations_ = [], this.observations_ = new Nt(), typeof e != "function") throw TypeError("The callback provided as parameter 1 is not a function.");
+		if (this.activeObservations_ = [], this.observations_ = new Pt(), 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 tn = 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 tn(e)), this.controller_.addObserver(this), this.controller_.refresh());
+			t.has(e) || (t.set(e, new nn(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 tn = function() {
 	}, e.prototype.broadcastActive = function() {
 		if (this.hasActive()) {
 			var e = this.callbackCtx_, t = this.activeObservations_.map(function(e) {
-				return new nn(e.target, e.broadcastRect());
+				return new rn(e.target, e.broadcastRect());
 			});
 			this.callback_.call(e, t, e), this.clearActive();
 		}
@@ -1427,12 +1427,12 @@ var tn = function() {
 	}, e.prototype.hasActive = function() {
 		return this.activeObservations_.length > 0;
 	}, e;
-}(), an = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new Nt(), on = function() {
+}(), on = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new Pt(), sn = 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 rn(t, Ht.getInstance(), this);
-		an.set(this, n);
+		var n = new an(t, Ut.getInstance(), this);
+		on.set(this, n);
 	}
 	return e;
 }();
@@ -1441,27 +1441,27 @@ var tn = function() {
 	"unobserve",
 	"disconnect"
 ].forEach(function(e) {
-	on.prototype[e] = function() {
+	sn.prototype[e] = function() {
 		var t;
-		return (t = an.get(this))[e].apply(t, arguments);
+		return (t = on.get(this))[e].apply(t, arguments);
 	};
 });
-var sn = (function() {
-	return Ft.ResizeObserver === void 0 ? on : Ft.ResizeObserver;
-})(), cn = [
+var cn = (function() {
+	return It.ResizeObserver === void 0 ? sn : It.ResizeObserver;
+})(), ln = [
 	"client",
 	"offset",
 	"scroll",
 	"bounds",
 	"margin"
 ];
-function ln(e) {
+function un(e) {
 	var t = [];
-	return cn.forEach(function(n) {
+	return ln.forEach(function(n) {
 		e[n] && t.push(n);
 	}), t;
 }
-function un(e, t) {
+function dn(e, t) {
 	var n = {};
 	if (t.indexOf("client") > -1 && (n.client = {
 		top: e.clientTop,
@@ -1500,14 +1500,14 @@ function un(e, t) {
 	}
 	return n;
 }
-function dn(e) {
+function fn(e) {
 	return e && e.ownerDocument && e.ownerDocument.defaultView || window;
 }
-function fn(e) {
+function pn(e) {
 	return function(t) {
 		var n, r;
 		return r = n = /*#__PURE__*/ function(n) {
-			Mt(r, n);
+			Nt(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 fn(e) {
 					bounds: {},
 					margin: {}
 				} }, t._animationFrameID = null, t._resizeObserver = null, t._node = null, t._window = null, t.measure = function(n) {
-					var r = un(t._node, e || ln(t.props));
+					var r = dn(t._node, e || un(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 = dn(t._node);
+					t._resizeObserver !== null && t._node !== null && t._resizeObserver.unobserve(t._node), t._node = e, t._window = fn(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 sn(this.measure), this._node !== null && (this._resizeObserver.observe(this._node), typeof this.props.onResize == "function" && this.props.onResize(un(this._node, e || ln(this.props))));
+				this._resizeObserver = this._window !== null && this._window.ResizeObserver ? new this._window.ResizeObserver(this.measure) : new cn(this.measure), this._node !== null && (this._resizeObserver.observe(this._node), typeof this.props.onResize == "function" && this.props.onResize(dn(this._node, e || un(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, ae(t, kt({}, At(e, ["innerRef", "onResize"]), {
+				return e.innerRef, e.onResize, oe(t, At({}, jt(e, ["innerRef", "onResize"]), {
 					measureRef: this._handleRef,
 					measure: this.measure,
 					contentRect: this.state.contentRect
 				}));
 			}, r;
-		}(ie), n.propTypes = {
+		}(ae), n.propTypes = {
 			client: Z.default.bool,
 			offset: Z.default.bool,
 			scroll: Z.default.bool,
@@ -1552,7 +1552,7 @@ function fn(e) {
 		}, r;
 	};
 }
-var pn = fn()(function(e) {
+var mn = pn()(function(e) {
 	var t = e.measure, n = e.measureRef, r = e.contentRect, i = e.children;
 	return i({
 		measure: t,
@@ -1560,12 +1560,12 @@ var pn = fn()(function(e) {
 		contentRect: r
 	});
 });
-pn.displayName = "Measure", pn.propTypes.children = Z.default.func;
+mn.displayName = "Measure", mn.propTypes.children = Z.default.func;
 //#endregion
 //#region ../../lib-react/config-ui/dist/layout/settings-box.js
-var mn = y("div")(() => ({
-	backgroundColor: b.white(),
-	border: `2px solid ${b.border()}`,
+var hn = S("div")(() => ({
+	backgroundColor: l.white(),
+	border: `2px solid ${l.border()}`,
 	display: "flex",
 	flexDirection: "column",
 	justifyContent: "flex-start",
@@ -1573,7 +1573,7 @@ var mn = y("div")(() => ({
 	maxWidth: "300px",
 	padding: "20px 4px 4px 20px",
 	zIndex: 99
-})), hn = class extends K.Component {
+})), gn = 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 mn = y("div")(() => ({
 	static defaultProps = {};
 	render() {
 		let { className: e, children: t } = this.props;
-		return /* @__PURE__ */ q(mn, {
+		return /* @__PURE__ */ q(hn, {
 			className: e,
 			children: t
 		});
 	}
-}, gn = o({
+}, _n = f({
 	typography: { fontFamily: "inherit" },
 	components: { MuiButton: { styleOverrides: { contained: {
 		backgroundColor: "#e0e0e0",
 		color: "#000000",
 		"&:hover": { backgroundColor: "#bdbdbd" }
 	} } } }
-}), _n = class extends K.Component {
+}), vn = class extends K.Component {
 	static propTypes = {
 		children: Z.default.oneOfType([
 			Z.default.string,
@@ -1623,22 +1623,22 @@ var mn = y("div")(() => ({
 		a !== this.state.layoutMode && this.setState({ layoutMode: a });
 	};
 	render() {
-		return /* @__PURE__ */ q(w, {
+		return /* @__PURE__ */ q(v, {
 			injectFirst: !0,
-			children: /* @__PURE__ */ q(s, {
-				theme: gn,
-				children: /* @__PURE__ */ q(pn, {
+			children: /* @__PURE__ */ q(x, {
+				theme: _n,
+				children: /* @__PURE__ */ q(mn, {
 					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(hn, {
+						let { children: t, settings: n, hideSettings: r, dimensions: i, extraCSSRules: a } = this.props, { layoutMode: o } = this.state, s = r ? null : o === "inline" ? /* @__PURE__ */ q(gn, {
 							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(Ot, {
+							children: [a?.rules ? /* @__PURE__ */ q("style", { dangerouslySetInnerHTML: { __html: `.extraCSSRules { ${a.rules} }` } }) : null, /* @__PURE__ */ q(kt, {
 								mode: o,
 								secondary: s,
 								dimensions: i,
@@ -1650,27 +1650,27 @@ var mn = y("div")(() => ({
 			})
 		});
 	}
-}, vn = fn("bounds")(_n), yn = /* @__PURE__ */ St({
-	ConfigLayout: () => vn,
-	LayoutContents: () => Ot
-}), bn = y("div")(() => ({
+}, yn = pn("bounds")(vn), bn = /* @__PURE__ */ Ct({
+	ConfigLayout: () => yn,
+	LayoutContents: () => kt
+}), xn = S("div")(() => ({
 	display: "flex",
 	width: "100%",
 	justifyContent: "space-between"
-})), xn = y(v)(({ theme: e }) => ({
+})), Sn = S(b)(({ theme: e }) => ({
 	color: "rgba(0, 0, 0, 0.89)",
 	fontSize: e.typography.fontSize,
 	paddingTop: e.spacing(2)
-})), Sn = y(We)(({ checked: e }) => ({
-	"&.Mui-checked .MuiSwitch-thumb": { color: `${b.tertiary()} !important` },
-	"&.Mui-checked .MuiSwitch-track": { backgroundColor: `${b.tertiaryLight()} !important` },
-	"& .MuiSwitch-track": { backgroundColor: e ? `${b.tertiaryLight()} !important` : void 0 }
-})), Cn = ({ checked: e, disabled: t, label: n, toggle: r }) => /* @__PURE__ */ J(bn, { children: [/* @__PURE__ */ q(xn, { children: n }), /* @__PURE__ */ q(Sn, {
+})), Cn = S(Ge)(({ checked: e }) => ({
+	"&.Mui-checked .MuiSwitch-thumb": { color: `${l.tertiary()} !important` },
+	"&.Mui-checked .MuiSwitch-track": { backgroundColor: `${l.tertiaryLight()} !important` },
+	"& .MuiSwitch-track": { backgroundColor: e ? `${l.tertiaryLight()} !important` : void 0 }
+})), wn = ({ checked: e, disabled: t, label: n, toggle: r }) => /* @__PURE__ */ J(xn, { children: [/* @__PURE__ */ q(Sn, { children: n }), /* @__PURE__ */ q(Cn, {
 	checked: e,
 	disabled: t,
 	onChange: (e) => r(e.target.checked)
 })] });
-Cn.propTypes = {
+wn.propTypes = {
 	checked: Z.default.bool,
 	disabled: Z.default.bool,
 	label: Z.default.string.isRequired,
@@ -1678,20 +1678,20 @@ Cn.propTypes = {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/settings/settings-radio-label.js
-var wn = y(me)(({ theme: e }) => ({ "& .MuiFormControlLabel-label": {
+var Tn = S(he)(({ theme: e }) => ({ "& .MuiFormControlLabel-label": {
 	color: "rgba(0, 0, 0, 0.89)",
 	fontSize: e.typography.fontSize - 2,
 	left: "-5px",
 	position: "relative"
-} })), Tn = y(Le)(() => ({ color: `${b.tertiary()} !important` })), En = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ q(wn, {
+} })), En = S(Re)(() => ({ color: `${l.tertiary()} !important` })), Dn = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ q(Tn, {
 	value: t,
-	control: /* @__PURE__ */ q(Tn, {
+	control: /* @__PURE__ */ q(En, {
 		checked: n,
 		onChange: r
 	}),
 	label: e
 });
-En.propTypes = {
+Dn.propTypes = {
 	label: Z.default.string,
 	value: Z.default.string,
 	checked: Z.default.bool,
@@ -1699,26 +1699,26 @@ En.propTypes = {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/settings/panel.js
-var Dn = (0, Ge.default)("pie-lib:config-ui:settings:panel"), On = {
+var On = (0, Ke.default)("pie-lib:config-ui:settings:panel"), kn = {
 	label: Z.default.string,
 	value: Z.default.string
-}, kn = {
+}, An = {
 	label: Z.default.string,
 	value: Z.default.string,
 	onChange: Z.default.func
-}, An = ({ label: e, value: t, onChange: n }) => /* @__PURE__ */ q($e, {
+}, jn = ({ label: e, value: t, onChange: n }) => /* @__PURE__ */ q(et, {
 	checked: t,
 	label: e,
 	onChange: (e) => {
 		n(e.target.checked);
 	}
 });
-An.propTypes = {
+jn.propTypes = {
 	label: Z.default.string,
 	value: Z.default.bool,
 	onChange: Z.default.func
 };
-var jn = y(yt)(({ theme: e }) => ({
+var Mn = S(bt)(({ theme: e }) => ({
 	marginTop: e.spacing(.5),
 	paddingBottom: e.spacing(.5),
 	width: "100%",
@@ -1729,51 +1729,51 @@ var jn = y(yt)(({ theme: e }) => ({
 		marginTop: e.spacing(2.5)
 	},
 	"& > div": { marginTop: e.spacing(2.5) }
-})), Mn = ({ label: e, value: t, onChange: n, choices: r }) => /* @__PURE__ */ q(jn, {
+})), Nn = ({ label: e, value: t, onChange: n, choices: r }) => /* @__PURE__ */ q(Mn, {
 	direction: "horizontal",
-	customLabel: En,
+	customLabel: Dn,
 	value: t,
 	header: e,
 	opts: r,
 	onChange: n
 });
-Mn.propTypes = {
-	...kn,
-	choices: Z.default.arrayOf(Z.default.shape(On))
+Nn.propTypes = {
+	...An,
+	choices: Z.default.arrayOf(Z.default.shape(kn))
 };
-var Nn = Mn, Pn = y("p")(({ theme: e }) => ({
+var Pn = Nn, Fn = S("p")(({ theme: e }) => ({
 	margin: 0,
 	fontSize: e.typography.fontSize
-})), Fn = y(k)(({ theme: e }) => ({
+})), In = S(A)(({ theme: e }) => ({
 	marginTop: e.spacing(.5),
 	border: "2px solid lightgrey",
 	padding: `0 ${e.spacing(1)}`,
 	borderRadius: "4px"
-})), In = ({ label: e, value: t, onChange: n, choices: r = [] }) => {
+})), Ln = ({ 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(Pn, { children: e }), /* @__PURE__ */ q(Fn, {
+	return /* @__PURE__ */ J("div", { children: [e && /* @__PURE__ */ q(Fn, { children: e }), /* @__PURE__ */ q(In, {
 		value: t || r && r[0],
 		onChange: ({ target: e }) => n(e.value),
-		input: /* @__PURE__ */ q(P, { id: `dropdown-${e}` }),
+		input: /* @__PURE__ */ q(F, { id: `dropdown-${e}` }),
 		disableUnderline: !0,
 		MenuProps: { transitionDuration: {
 			enter: 225,
 			exit: 195
 		} },
-		children: r.map((e, t) => /* @__PURE__ */ q(O, {
+		children: r.map((e, t) => /* @__PURE__ */ q(k, {
 			value: a(e),
 			children: i(e)
 		}, t))
 	})] });
 };
-In.propTypes = {
-	...kn,
+Ln.propTypes = {
+	...An,
 	choices: Z.default.arrayOf(Z.default.string)
 };
-var Ln = y(M)(({ theme: e }) => ({
+var Rn = S(N)(({ theme: e }) => ({
 	marginRight: e.spacing(3),
 	marginTop: e.spacing(1)
-})), Rn = ({ label: e }) => /* @__PURE__ */ q(Ln, { children: e }), zn = y(rt)(({ theme: e }) => ({
+})), zn = ({ label: e }) => /* @__PURE__ */ q(Rn, { children: e }), Bn = S(it)(({ theme: e }) => ({
 	width: "35%",
 	marginRight: e.spacing(3),
 	marginTop: e.spacing(1),
@@ -1784,7 +1784,7 @@ var Ln = y(M)(({ theme: e }) => ({
 		padding: `0 ${e.spacing(1)}`,
 		backgroundColor: "transparent"
 	}
-})), Bn = ({ label: e, value: t, onChange: n = () => {}, suffix: r, min: i, max: a }) => /* @__PURE__ */ q(zn, {
+})), Vn = ({ label: e, value: t, onChange: n = () => {}, suffix: r, min: i, max: a }) => /* @__PURE__ */ q(Bn, {
 	variant: "standard",
 	label: e || "Label",
 	value: t,
@@ -1795,45 +1795,45 @@ var Ln = y(M)(({ theme: e }) => ({
 	showErrorWhenOutsideRange: !0,
 	disableUnderline: !0
 });
-Bn.propTypes = {
-	...kn,
+Vn.propTypes = {
+	...An,
 	suffix: Z.default.string,
 	min: Z.default.number,
 	max: Z.default.number,
 	value: Z.default.number
-}, Rn.propTypes = { ...kn };
-var Vn = ({ disabled: e, label: t, value: n, onChange: r }) => /* @__PURE__ */ q(Cn, {
+}, zn.propTypes = { ...An };
+var Hn = ({ disabled: e, label: t, value: n, onChange: r }) => /* @__PURE__ */ q(wn, {
 	label: t,
 	checked: !!n,
 	disabled: !!e,
 	toggle: r
 });
-Vn.propTypes = {
-	...kn,
+Hn.propTypes = {
+	...An,
 	value: Z.default.bool
 };
-var Hn = {
-	toggle: Vn,
-	radio: Nn,
-	dropdown: In,
-	numberField: Bn,
-	checkbox: An,
-	textField: Rn
-}, Un = y("div")(({ theme: e }) => ({ margin: `0 0 ${e.spacing(2)} 0` })), Wn = y("div")(({ theme: e }) => ({
+var Un = {
+	toggle: Hn,
+	radio: Pn,
+	dropdown: Ln,
+	numberField: Vn,
+	checkbox: jn,
+	textField: zn
+}, Wn = S("div")(({ theme: e }) => ({ margin: `0 0 ${e.spacing(2)} 0` })), Gn = S("div")(({ theme: e }) => ({
 	color: "#495B8F",
 	fontSize: e.typography.fontSize + 2,
 	fontWeight: 600,
 	marginBottom: e.spacing(1)
-})), Gn = y("p")(({ theme: e }) => ({
+})), Kn = S("p")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize,
 	marginBottom: 0
-})), Kn = (e) => {
+})), qn = (e) => {
 	let { model: t, label: n, group: r, configuration: i, onChange: a } = e, o = (e, n, r) => {
-		let { isConfigProperty: o, ...s } = te(e, r || n), c = te(o ? i : t, n), l = {
+		let { isConfigProperty: o, ...s } = re(e, r || n), c = re(o ? i : t, n), l = {
 			...s,
 			key: n,
 			value: c
-		}, u = Hn[l.type];
+		}, u = Un[l.type];
 		return /* @__PURE__ */ q(u, {
 			...l,
 			onChange: (e) => a(n, e, o)
@@ -1842,18 +1842,18 @@ var Hn = {
 		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(Gn, { 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(Kn, { 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(Un, { children: [/* @__PURE__ */ q(Wn, { children: n }), Object.keys(r).map((e) => s(r, e))] });
+	return /* @__PURE__ */ J(Wn, { children: [/* @__PURE__ */ q(Gn, { children: n }), Object.keys(r).map((e) => s(r, e))] });
 };
-Kn.propTypes = {
+qn.propTypes = {
 	model: Z.default.object,
 	label: Z.default.string,
 	group: Z.default.object,
 	configuration: Z.default.object,
 	onChange: Z.default.func
 };
-var qn = class extends K.Component {
+var Jn = class extends K.Component {
 	static propTypes = {
 		model: Z.default.object,
 		configuration: Z.default.object,
@@ -1867,13 +1867,13 @@ var qn = class extends K.Component {
 		onChangeConfiguration: () => {}
 	};
 	change = (e, t, n = !1) => {
-		Dn("[changeModel]", e, t);
+		On("[changeModel]", e, t);
 		let { onChangeModel: r, onChangeConfiguration: i } = this.props, a = { ...this.props.model }, o = { ...this.props.configuration };
-		n ? (ne(o, e, t), i(o, e)) : (ne(a, e, t), r(a, e));
+		n ? (U(o, e, t), i(o, e)) : (U(a, e, t), r(a, e));
 	};
 	render() {
 		let { groups: e, model: t, configuration: n, modal: r } = this.props;
-		return Dn("render:", t), /* @__PURE__ */ J("div", { children: [Object.keys(e || {}).map((r) => Object.entries(e[r]).some(([, e]) => !!e) ? /* @__PURE__ */ q(Kn, {
+		return On("render:", t), /* @__PURE__ */ J("div", { children: [Object.keys(e || {}).map((r) => Object.entries(e[r]).some(([, e]) => !!e) ? /* @__PURE__ */ q(qn, {
 			label: r,
 			model: t,
 			configuration: n,
@@ -1881,59 +1881,59 @@ var qn = class extends K.Component {
 			onChange: this.change
 		}, r) : null), r] });
 	}
-}, Jn = /* @__PURE__ */ St({
-	Panel: () => qn,
-	checkbox: () => nr,
-	checkboxes: () => rr,
-	dropdown: () => $n,
-	numberField: () => er,
-	numberFields: () => tr,
-	radio: () => Qn,
-	textField: () => Yn,
-	toggle: () => Xn
-}), Yn = (e, t = !0) => ({
+}, Yn = /* @__PURE__ */ Ct({
+	Panel: () => Jn,
+	checkbox: () => rr,
+	checkboxes: () => ir,
+	dropdown: () => er,
+	numberField: () => tr,
+	numberFields: () => nr,
+	radio: () => $n,
+	textField: () => Xn,
+	toggle: () => Zn
+}), Xn = (e, t = !0) => ({
 	label: e,
 	type: "textField",
 	isConfigProperty: t
-}), Xn = (e, t = !1, n = !1) => ({
+}), Zn = (e, t = !1, n = !1) => ({
 	type: "toggle",
 	label: e,
 	isConfigProperty: t,
 	disabled: n
-}), Zn = (e) => typeof e == "string" ? {
+}), Qn = (e) => typeof e == "string" ? {
 	label: e,
 	value: e
-} : e, Qn = function() {
+} : e, $n = function() {
 	let [e, t, n = !1] = Array.prototype.slice.call(arguments);
 	return {
 		type: "radio",
 		label: e,
-		choices: t && t.map((e) => Zn(e)),
+		choices: t && t.map((e) => Qn(e)),
 		isConfigProperty: n
 	};
-}, $n = (e, t, n = !1) => ({
+}, er = (e, t, n = !1) => ({
 	type: "dropdown",
 	label: e,
 	choices: t,
 	isConfigProperty: n
-}), er = (e, t, n = !1) => ({
+}), tr = (e, t, n = !1) => ({
 	...t,
 	label: e,
 	type: "numberField",
 	isConfigProperty: n
-}), tr = (e, t, n = !1) => (Object.keys(t).map((e) => {
-	t[e] = er(t[e].label, t[e], n);
+}), nr = (e, t, n = !1) => (Object.keys(t).map((e) => {
+	t[e] = tr(t[e].label, t[e], n);
 }), {
 	type: "numberFields",
 	label: e,
 	fields: t
-}), nr = (e, t, n = !1) => ({
+}), rr = (e, t, n = !1) => ({
 	...t,
 	label: e,
 	type: "checkbox",
 	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: "checkboxes",
 	label: e,
@@ -1941,57 +1941,60 @@ var qn = class extends K.Component {
 });
 //#endregion
 //#region ../../lib-react/config-ui/dist/index.js
-function ir(e) {
+function ar(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function ar(e, t) {
-	return !e || ir(e) ? e : ir(e.default) ? e.default : t && ir(e[t]) ? e[t] : t && ir(e[t]?.default) ? e[t].default : e;
+function or(e, t) {
+	return !e || ar(e) ? e : ar(e.default) ? e.default : t && ar(e[t]) ? e[t] : t && ar(e[t]?.default) ? e[t].default : e;
 }
-var or = ar(n, "InputContainer") || ar(lr.InputContainer, "InputContainer"), sr = ee, cr = sr.default, lr = cr && typeof cr == "object" ? cr : sr, ur = y("div")(() => ({ width: "160px" })), dr = y(B)(() => ({ width: "160px" })), fr = y(v)(() => ({ backgroundColor: "transparent" })), pr = ({ onChange: e, value: t, availableChartTypes: n, chartTypeLabel: r }) => /* @__PURE__ */ q(ur, { children: /* @__PURE__ */ J(dr, {
-	variant: "outlined",
-	children: [/* @__PURE__ */ q(fr, {
-		id: "type-helper-label",
-		children: r
-	}), /* @__PURE__ */ J(k, {
-		labelId: "type-helper-label",
-		id: "type-helper-label-select",
-		name: "chartType",
-		value: t,
-		onChange: e,
-		label: r,
-		MenuProps: { transitionDuration: {
-			enter: 225,
-			exit: 195
-		} },
-		children: [
-			n?.histogram && /* @__PURE__ */ q(O, {
-				value: "histogram",
-				children: n.histogram
-			}),
-			n?.bar && /* @__PURE__ */ q(O, {
-				value: "bar",
-				children: n.bar
-			}),
-			n?.lineDot && /* @__PURE__ */ q(O, {
-				value: "lineDot",
-				children: n.lineDot
-			}),
-			n?.lineCross && /* @__PURE__ */ q(O, {
-				value: "lineCross",
-				children: n.lineCross
-			}),
-			n?.dotPlot && /* @__PURE__ */ q(O, {
-				value: "dotPlot",
-				children: n.dotPlot
-			}),
-			n?.linePlot && /* @__PURE__ */ q(O, {
-				value: "linePlot",
-				children: n.linePlot
-			})
-		]
-	})]
-}) });
-pr.propTypes = {
+var sr = or(i, "InputContainer") || or(ur.InputContainer, "InputContainer"), cr = B, lr = cr.default, ur = lr && typeof lr == "object" ? lr : cr, dr = S("div")(() => ({ width: "160px" })), fr = S(te)(() => ({ width: "160px" })), pr = S(b)(() => ({ backgroundColor: "transparent" })), mr = ({ onChange: e, value: t, availableChartTypes: n, chartTypeLabel: r }) => {
+	let i = h("chart-type-label");
+	return /* @__PURE__ */ q(dr, { children: /* @__PURE__ */ J(fr, {
+		variant: "outlined",
+		children: [/* @__PURE__ */ q(pr, {
+			id: i,
+			children: r
+		}), /* @__PURE__ */ J(A, {
+			labelId: i,
+			id: `${i}-select`,
+			name: "chartType",
+			value: t,
+			onChange: e,
+			label: r,
+			MenuProps: { transitionDuration: {
+				enter: 225,
+				exit: 195
+			} },
+			children: [
+				n?.histogram && /* @__PURE__ */ q(k, {
+					value: "histogram",
+					children: n.histogram
+				}),
+				n?.bar && /* @__PURE__ */ q(k, {
+					value: "bar",
+					children: n.bar
+				}),
+				n?.lineDot && /* @__PURE__ */ q(k, {
+					value: "lineDot",
+					children: n.lineDot
+				}),
+				n?.lineCross && /* @__PURE__ */ q(k, {
+					value: "lineCross",
+					children: n.lineCross
+				}),
+				n?.dotPlot && /* @__PURE__ */ q(k, {
+					value: "dotPlot",
+					children: n.dotPlot
+				}),
+				n?.linePlot && /* @__PURE__ */ q(k, {
+					value: "linePlot",
+					children: n.linePlot
+				})
+			]
+		})]
+	}) });
+};
+mr.propTypes = {
 	onChange: Z.default.func.isRequired,
 	value: Z.default.string.isRequired,
 	availableChartTypes: Z.default.shape({
@@ -2006,7 +2009,7 @@ pr.propTypes = {
 };
 //#endregion
 //#region ../../lib-react/charting/dist/chart-setup.js
-var mr = (e, t, n, r, i) => {
+var hr = (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);
@@ -2014,38 +2017,38 @@ var mr = (e, t, n, r, i) => {
 		...i,
 		data: e
 	});
-}, hr = y("div")(() => ({ width: "450px" })), gr = y("div")(({ theme: e }) => ({
+}, gr = S("div")(() => ({ width: "450px" })), _r = S("div")(({ theme: e }) => ({
 	display: "flex",
 	flexDirection: "column",
 	width: "100%",
 	marginTop: e.spacing(3)
-})), _r = y("div")(() => ({
+})), vr = S("div")(() => ({
 	display: "flex",
 	flexDirection: "column",
 	alignItems: "center"
-})), vr = y("div")(() => ({
+})), yr = S("div")(() => ({
 	display: "flex",
 	justifyContent: "space-around",
 	alignItems: "center"
-})), yr = y(dt)(({ theme: e }) => ({
+})), br = S(ft)(({ theme: e }) => ({
 	width: "130px",
 	margin: `${e.spacing(1)} ${e.spacing(.5)}`
-})), br = y(dt)(({ theme: e }) => ({
+})), xr = S(ft)(({ theme: e }) => ({
 	width: "160px",
 	margin: `${e.spacing(1)} ${e.spacing(.5)}`
-})), xr = y("div")(({ theme: e }) => ({
+})), Sr = S("div")(({ theme: e }) => ({
 	display: "flex",
 	justifyContent: "space-between",
 	alignItems: "center",
 	margin: `${e.spacing(3)} 0`
-})), Sr = y(M)(() => ({ color: b.disabled() })), Cr = (e) => {
-	let { model: t, onChange: n, chartDimensions: r, gridValues: i = {}, labelValues: a = {}, studentNewCategoryDefaultLabel: o = {}, availableChartTypes: s = {}, chartTypeLabel: c } = e, [l, u] = se({
+})), Cr = S(N)(() => ({ color: l.disabled() })), wr = (e) => {
+	let { model: t, onChange: n, chartDimensions: r, gridValues: i = {}, labelValues: a = {}, studentNewCategoryDefaultLabel: o = {}, availableChartTypes: s = {}, chartTypeLabel: c } = e, [l, u] = ce({
 		open: !1,
 		title: "",
 		text: "",
 		onClose: null,
 		onConfirm: null
-	}), [d, f] = se(!1), [p, m] = se(""), [h, g] = se(0), { range: _ = {}, correctAnswer: v, changeInteractiveEnabled: y, changeEditableEnabled: b } = t, x = t.graph, { showInConfigPanel: S, width: C, height: w } = r || {}, T = {
+	}), [d, f] = ce(!1), [p, m] = ce(""), [h, g] = ce(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
@@ -2059,13 +2062,13 @@ var mr = (e, t, n, r, i) => {
 	}, O = a && a.range ? { customValues: a.range } : {
 		min: 0,
 		max: 1e4
-	}, k = /* @__PURE__ */ J(vr, { children: [/* @__PURE__ */ q(br, {
+	}, k = /* @__PURE__ */ J(yr, { children: [/* @__PURE__ */ q(xr, {
 		label: "Grid Interval",
 		value: _.step,
 		variant: "outlined",
 		onChange: (e, t) => z("step", t, e),
 		...D
-	}), /* @__PURE__ */ q(br, {
+	}), /* @__PURE__ */ q(xr, {
 		label: "Label Interval",
 		value: _.labelStep,
 		variant: "outlined",
@@ -2076,9 +2079,9 @@ var mr = (e, t, n, r, i) => {
 			...t,
 			open: e
 		})), f(e);
-	}, j = (e, t) => e.map((e) => (Object.prototype.hasOwnProperty.call(e, t) && (e[t] = t == "interactive"), e)), P = (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"), mr(i, e, _, n, t), mr(r.data, !1, _, n, t);
+		y === !1 && j(i, "interactive"), b === !1 && j(i, "editable"), hr(i, e, _, n, t), hr(r.data, !1, _, n, t);
 	}, F = () => {
 		let e = o?.label;
 		n({
@@ -2106,15 +2109,15 @@ var mr = (e, t, n, r, i) => {
 			range: _
 		});
 	};
-	oe(() => {
-		P(!0), F();
-	}, []), oe(() => {
+	se(() => {
+		M(!0), F();
+	}, []), se(() => {
 		d && u({
 			open: !0,
 			title: "Warning",
 			text: "This change will remove values defined for one or more categories",
 			onConfirm: () => {
-				P(), A(!1), n({
+				M(), A(!1), n({
 					...t,
 					range: _,
 					correctAnswer: v
@@ -2130,7 +2133,7 @@ var mr = (e, t, n, r, i) => {
 			...t,
 			range: _
 		});
-	}, V = (e) => {
+	}, te = (e) => {
 		if (e.includes("Plot")) {
 			if (!ee) {
 				u({
@@ -2138,7 +2141,7 @@ var mr = (e, t, n, r, i) => {
 					title: "Warning",
 					text: "The selected chart type does not support the current chart configuration. Reset chart configuration?",
 					onConfirm: () => {
-						B(), P(), A(!1), n({
+						B(), M(), A(!1), n({
 							...t,
 							range: _,
 							chartType: e
@@ -2161,18 +2164,18 @@ var mr = (e, t, n, r, i) => {
 			chartType: e
 		});
 	};
-	return /* @__PURE__ */ J(hr, { children: [
-		/* @__PURE__ */ q(M, {
+	return /* @__PURE__ */ J(gr, { children: [
+		/* @__PURE__ */ q(N, {
 			variant: "subtitle1",
 			children: "Configure Chart"
 		}),
-		/* @__PURE__ */ J(gr, { children: [
-			/* @__PURE__ */ J(vr, { children: [/* @__PURE__ */ q(pr, {
+		/* @__PURE__ */ J(_r, { children: [
+			/* @__PURE__ */ J(yr, { children: [/* @__PURE__ */ q(mr, {
 				value: t.chartType,
-				onChange: (e) => V(e.target.value),
+				onChange: (e) => te(e.target.value),
 				availableChartTypes: s,
 				chartTypeLabel: c
-			}), /* @__PURE__ */ q(br, {
+			}), /* @__PURE__ */ q(xr, {
 				label: "Max Value",
 				value: _.max,
 				min: I(t.chartType).min,
@@ -2181,9 +2184,9 @@ var mr = (e, t, n, r, i) => {
 				onChange: (e, t) => z("max", t, e)
 			})] }),
 			!t.chartType.includes("Plot") && k,
-			S && /* @__PURE__ */ J(xr, { children: [
-				/* @__PURE__ */ q("div", { children: /* @__PURE__ */ q(M, { children: "Dimensions(px)" }) }),
-				/* @__PURE__ */ J(_r, { children: [/* @__PURE__ */ q(yr, {
+			S && /* @__PURE__ */ J(Sr, { children: [
+				/* @__PURE__ */ q("div", { children: /* @__PURE__ */ q(N, { children: "Dimensions(px)" }) }),
+				/* @__PURE__ */ J(vr, { children: [/* @__PURE__ */ q(br, {
 					label: "Width",
 					value: x.width,
 					min: T.min,
@@ -2191,8 +2194,8 @@ var mr = (e, t, n, r, i) => {
 					step: T.step,
 					variant: "outlined",
 					onChange: (e, t) => L("width", t)
-				}), /* @__PURE__ */ q(Sr, { children: "Min 50, Max 700" })] }),
-				/* @__PURE__ */ J(_r, { children: [/* @__PURE__ */ q(yr, {
+				}), /* @__PURE__ */ q(Cr, { children: "Min 50, Max 700" })] }),
+				/* @__PURE__ */ J(vr, { children: [/* @__PURE__ */ q(br, {
 					label: "Height",
 					value: x.height,
 					min: E.min,
@@ -2200,10 +2203,10 @@ var mr = (e, t, n, r, i) => {
 					step: E.step,
 					variant: "outlined",
 					onChange: (e, t) => L("height", t)
-				}), /* @__PURE__ */ q(Sr, { children: "Min 400, Max 700" })] })
+				}), /* @__PURE__ */ q(Cr, { children: "Min 400, Max 700" })] })
 			] })
 		] }),
-		/* @__PURE__ */ q(N, {
+		/* @__PURE__ */ q(P, {
 			open: l.open,
 			title: l.title,
 			text: l.text,
@@ -2212,7 +2215,7 @@ var mr = (e, t, n, r, i) => {
 		})
 	] });
 };
-Cr.propTypes = {
+wr.propTypes = {
 	chartDimensions: Z.default.object,
 	domain: Z.default.object,
 	gridValues: Z.default.object,
@@ -2228,7 +2231,7 @@ Cr.propTypes = {
 };
 //#endregion
 //#region ../../shared/configure-events/dist/index.js
-var wr = class e extends CustomEvent {
+var Tr = class e extends CustomEvent {
 	static {
 		this.TYPE = "model.updated";
 	}
@@ -2241,7 +2244,7 @@ var wr = class e extends CustomEvent {
 			}
 		}), this.update = t, this.reset = n;
 	}
-}, Tr = class e extends CustomEvent {
+}, Er = class e extends CustomEvent {
 	static {
 		this.TYPE = "delete.image";
 	}
@@ -2254,7 +2257,7 @@ var wr = class e extends CustomEvent {
 			}
 		}), this.src = t, this.done = n;
 	}
-}, Er = class e extends CustomEvent {
+}, Dr = class e extends CustomEvent {
 	static {
 		this.TYPE = "insert.image";
 	}
@@ -2264,7 +2267,7 @@ var wr = class e extends CustomEvent {
 			detail: t
 		}), this.handler = t;
 	}
-}, Dr = class e extends CustomEvent {
+}, Or = class e extends CustomEvent {
 	static {
 		this.TYPE = "delete.sound";
 	}
@@ -2277,7 +2280,7 @@ var wr = class e extends CustomEvent {
 			}
 		}), this.src = t, this.done = n;
 	}
-}, Or = class e extends CustomEvent {
+}, kr = class e extends CustomEvent {
 	static {
 		this.TYPE = "insert.sound";
 	}
@@ -2287,11 +2290,11 @@ var wr = class e extends CustomEvent {
 			detail: t
 		}), this.handler = t;
 	}
-}, kr = y("div")(({ theme: e }) => ({
+}, Ar = S("div")(({ theme: e }) => ({
 	marginBottom: e.spacing(2.5),
 	display: "flex",
 	flex: 1
-})), Ar = y("div")(({ theme: e }) => ({ marginBottom: e.spacing(1) })), jr = y("div")({ flex: 1 }), Mr = y(I)({ color: `${b.tertiary()} !important` }), Nr = (e, t) => {
+})), jr = S("div")(({ theme: e }) => ({ marginBottom: e.spacing(1) })), Mr = S("div")({ flex: 1 }), Nr = S(L)({ color: `${l.tertiary()} !important` }), Pr = (e, t) => {
 	if (!e) return t;
 	let n = [];
 	return (t || []).forEach((t, r) => {
@@ -2303,7 +2306,7 @@ var wr = class e extends CustomEvent {
 			interactive: t.interactive
 		};
 	}), n;
-}, Pr = class extends G.Component {
+}, Fr = class extends G.Component {
 	static propTypes = {
 		model: Z.default.object.isRequired,
 		onChange: Z.default.func.isRequired,
@@ -2323,7 +2326,7 @@ var wr = class e extends CustomEvent {
 		data: e
 	});
 	changeAddRemoveEnabled = (e) => {
-		let { model: t } = this.props, n = Nr(t.correctAnswer.data, t.data);
+		let { model: t } = this.props, n = Pr(t.correctAnswer.data, t.data);
 		e ? this.props.onChange({
 			...this.props.model,
 			addCategoryEnabled: e
@@ -2352,13 +2355,13 @@ var wr = 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(Ar, { children: "Define Initial Chart Attributes" }), /* @__PURE__ */ q(kr, { children: /* @__PURE__ */ J(jr, { children: [
-			/* @__PURE__ */ q(M, {
+		return /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q(jr, { children: "Define Initial Chart Attributes" }), /* @__PURE__ */ q(Ar, { children: /* @__PURE__ */ J(Mr, { children: [
+			/* @__PURE__ */ q(N, {
 				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(R, {
+			/* @__PURE__ */ q(z, {
 				defineChart: !0,
 				chartingOptions: o,
 				showPixelGuides: i,
@@ -2385,13 +2388,13 @@ var wr = class e extends CustomEvent {
 				mathMlOptions: s,
 				labelsCharactersLimit: c
 			}),
-			e.changeAddCategoryEnabled && /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q(Mr, {
+			e.changeAddCategoryEnabled && /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q(Nr, {
 				checked: e.addCategoryEnabled,
 				onChange: (e) => {
 					this.changeAddRemoveEnabled(e.target.checked);
 				}
 			}), o?.addCategory?.authoringLabel] }),
-			/* @__PURE__ */ q(N, {
+			/* @__PURE__ */ q(P, {
 				open: l.open,
 				title: l.title,
 				text: l.text,
@@ -2400,20 +2403,20 @@ var wr = class e extends CustomEvent {
 			})
 		] }, "graph") })] });
 	}
-}, Fr = y("div")(({ theme: e }) => ({
+}, Ir = S("div")(({ theme: e }) => ({
 	marginBottom: e.spacing(2.5),
 	display: "flex",
 	flex: 1
-})), Ir = y("div")({ flex: 1 }), Lr = y("div")(({ theme: e }) => ({ border: `2px solid ${e.palette.error.main}` })), Rr = y(M)(({ theme: e }) => ({
+})), Lr = S("div")({ flex: 1 }), Rr = S("div")(({ theme: e }) => ({ border: `2px solid ${e.palette.error.main}` })), zr = S(N)(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(1)
-})), zr = y("div")(({ theme: e }) => ({ marginBottom: e.spacing(1) })), Br = (e, t) => e.map((e, n) => ({
+})), Br = S("div")(({ theme: e }) => ({ marginBottom: e.spacing(1) })), Vr = (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
-})), Vr = (e, t) => {
+})), Hr = (e, t) => {
 	if (!e) return t;
 	let n = [...e], r = [];
 	if ((t || []).forEach((t, n) => {
@@ -2426,25 +2429,25 @@ var wr = class e extends CustomEvent {
 		};
 	}), r.length < e.length) {
 		let i = (n || []).slice(r.length, e.length);
-		return Br((r || []).concat(i), t);
+		return Vr((r || []).concat(i), t);
 	}
 	return r;
-}, Hr = (e, t) => {
+}, Ur = (e, t) => {
 	let n = t.length - 1, { editable: r, interactive: i, deletable: a, ...o } = t[t.length - 1];
-	return (e || []).splice(n, 0, o), Br([...e], t);
-}, Ur = (e, t, n) => ((e || []).splice(n, 1), Br([...e], t)), Wr = (e, t, n) => {
-	let r = e && e.model && e.model.data || [], i = t && t.model && t.model.data || [], a = H(e && e.model && e.model.correctAnswer && e.model.correctAnswer.data || []), o = H(n ? n.categories : []), s = [];
-	if (r.length > i.length) return s = Hr(a, r), s;
+	return (e || []).splice(n, 0, o), Vr([...e], t);
+}, Wr = (e, t, n) => ((e || []).splice(n, 1), Vr([...e], t)), Gr = (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 = Ur(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 = Ur(o, r, e), s;
+		return s = Wr(o, r, e), s;
 	}
-	return s = Vr(a, r), s;
-}, Gr = class extends G.Component {
+	return s = Hr(a, r), s;
+}, Kr = class extends G.Component {
 	static propTypes = {
 		correctAnswerErrors: Z.default.object,
 		studentNewCategoryDefaultLabel: Z.default.string,
@@ -2467,22 +2470,22 @@ var wr = class e extends CustomEvent {
 		});
 	};
 	componentDidMount() {
-		let e = Wr(this.props, this.props, null);
-		this.setState({ categories: e || Vr(this.props.model.correctAnswer.data, this.props.model.data) });
+		let e = Gr(this.props, this.props, null);
+		this.setState({ categories: e || Hr(this.props.model.correctAnswer.data, this.props.model.data) });
 	}
 	componentDidUpdate(e, t) {
-		let n = Wr(this.props, e, t);
+		let n = Gr(this.props, e, t);
 		n && !W(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(zr, { children: "Define Correct Response" }), /* @__PURE__ */ q(Fr, { children: /* @__PURE__ */ J(Ir, { children: [
-			/* @__PURE__ */ q(M, {
+		return /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q(Br, { children: "Define Correct Response" }), /* @__PURE__ */ q(Ir, { children: /* @__PURE__ */ J(Lr, { children: [
+			/* @__PURE__ */ q(N, {
 				component: "div",
 				type: "body1",
 				children: /* @__PURE__ */ q("span", { children: "Use the tools below to define the correct answer." })
 			}),
-			q(u || d ? Lr : "div", { children: /* @__PURE__ */ q(R, {
+			q(u || d ? Rr : "div", { children: /* @__PURE__ */ q(z, {
 				chartType: e.chartType,
 				size: e.graph,
 				domain: c,
@@ -2497,14 +2500,14 @@ var wr = class e extends CustomEvent {
 				mathMlOptions: a,
 				labelsPlaceholders: o
 			}) }, `correct-response-graph-${e.correctAnswer.name}`),
-			(u || d) && /* @__PURE__ */ q(Rr, {
+			(u || d) && /* @__PURE__ */ q(zr, {
 				component: "div",
 				type: "body1",
 				children: /* @__PURE__ */ q("span", { children: u || d })
 			})
 		] }, "graph") })] });
 	}
-}, Kr = [
+}, qr = [
 	.01,
 	.02,
 	.04,
@@ -2531,7 +2534,7 @@ var wr = class e extends CustomEvent {
 	100,
 	500,
 	1e3
-], qr = [
+], Jr = [
 	.01,
 	.02,
 	.05,
@@ -2548,7 +2551,7 @@ var wr = class e extends CustomEvent {
 	100,
 	500,
 	1e3
-], Jr = {
+], Yr = {
 	.01: [
 		0,
 		.01,
@@ -2727,14 +2730,14 @@ var wr = class e extends CustomEvent {
 		4e3,
 		5e3
 	]
-}, Yr = (e, t, n = !1) => {
-	let r = 10 * (e.max - e.min) / t, i = r * 10, a = n && !qr.includes(e.step) && Kr.includes(e.step);
-	return (!n || a ? Kr : qr).filter((e) => e >= r && e <= i);
-}, Xr = (e) => Jr[e] || [], Zr = (e, t, n, r) => {
-	let i = Yr(e, t), a = Xr(e.step || 1);
+}, Xr = (e, t, n = !1) => {
+	let r = 10 * (e.max - e.min) / t, i = r * 10, a = n && !Jr.includes(e.step) && qr.includes(e.step);
+	return (!n || a ? qr : Jr).filter((e) => e >= r && e <= i);
+}, Zr = (e) => Yr[e] || [], Qr = (e, t, n, r) => {
+	let i = Xr(e, t), a = Zr(e.step || 1);
 	if (!W(n, i) && !i.includes(e.step)) {
-		let n = Yr(e, t, !0)[0] || 1;
-		return e.step = n, a = Xr(n), a.includes(e.labelStep) || (e.labelStep = n), {
+		let n = Xr(e, t, !0)[0] || 1;
+		return e.step = n, a = Zr(n), a.includes(e.labelStep) || (e.labelStep = n), {
 			gridValues: i,
 			labelValues: a
 		};
@@ -2743,22 +2746,22 @@ var wr = class e extends CustomEvent {
 		gridValues: i,
 		labelValues: a
 	};
-}, Qr = (0, Ge.default)("@pie-element:graphing:configure"), { Panel: $r, toggle: $, radio: ei, dropdown: ti, textField: ni } = Jn, ri = y(or)(({ theme: e }) => ({
+}, $r = (0, Ke.default)("@pie-element:graphing:configure"), { Panel: ei, toggle: $, radio: ti, dropdown: ni, textField: ri } = Yn, ii = S(sr)(({ theme: e }) => ({
 	width: "100%",
 	paddingTop: e.spacing(2),
 	marginBottom: e.spacing(2)
-})), ii = y(M)(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), ai = y("div")(({ theme: e }) => ({
+})), ai = S(N)(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), oi = S("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(1)
-})), oi = [
-	E.Bar(),
-	E.Histogram(),
-	E.LineDot(),
-	E.LineCross(),
-	E.DotPlot(),
-	E.LinePlot()
-], si = class extends K.Component {
+})), si = [
+	D.Bar(),
+	D.Histogram(),
+	D.LineDot(),
+	D.LineCross(),
+	D.DotPlot(),
+	D.LinePlot()
+], ci = class extends K.Component {
 	static propTypes = {
 		onModelChanged: Z.default.func,
 		onConfigurationChanged: Z.default.func,
@@ -2770,7 +2773,7 @@ var wr = class e extends CustomEvent {
 	};
 	constructor(e) {
 		super(e);
-		let { range: t = {}, graph: n } = e.model || {}, r = { range: Yr(t, n.height, !0) }, i = { range: Xr(t.step || 1) };
+		let { range: t = {}, graph: n } = e.model || {}, r = { range: Xr(t, n.height, !0) }, i = { range: Zr(t.step || 1) };
 		this.state = {
 			gridValues: r,
 			labelValues: i
@@ -2796,7 +2799,7 @@ var wr = 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 = Zr(s, o.height, r.range, i.range);
+		}, { graph: o, range: s } = a, c = {}, l = {}, u = Qr(s, o.height, r.range, i.range);
 		c.range = u.gridValues, l.range = u.labelValues, this.setState({
 			gridValues: c,
 			labelValues: l
@@ -2804,66 +2807,66 @@ var wr = class e extends CustomEvent {
 	};
 	render() {
 		let { configuration: e, imageSupport: t, model: n, onConfigurationChanged: r, onModelChanged: i, uploadSoundSupport: a } = this.props;
-		Qr("[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: R } = n || {}, { categoryErrors: z, correctAnswerErrors: ee, prompt: B, rationale: V, teacherInstructions: H } = j || {}, { gridValues: te, labelValues: U } = this.state, ne = l.showInConfigPanel || !0, W = p && p.prompt, re = m && m.prompt, G = {
+		$r("[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: z, correctAnswerErrors: ee, prompt: B, rationale: te, teacherInstructions: V } = j || {}, { gridValues: ne, labelValues: re } = this.state, H = l.showInConfigPanel || !0, U = p && p.prompt, W = m && m.prompt, ie = {
 			changeInteractiveEnabled: w.changeInteractive?.settings && $(w.changeInteractive.settingsLabel),
 			changeEditableEnabled: w.changeEditable?.settings && $(w.changeEditable.settingsLabel),
 			changeAddCategoryEnabled: w.addCategory?.settings && $(w.addCategory.settingsLabel)
-		}, K = {
+		}, G = {
 			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 && ei(_.label, ["all or nothing", "partial scoring"]),
+			scoringType: _.settings && ti(_.label, ["all or nothing", "partial scoring"]),
 			rubricEnabled: C?.settings && $(C?.label),
 			"language.enabled": O.settings && $(O.label, !0),
-			language: O.settings && O.enabled && ti(k.label, k.options),
-			instruction: f.settings && ni(f.label)
-		}, ie = (e = {}) => ({
+			language: O.settings && O.enabled && ni(k.label, k.options),
+			instruction: f.settings && ri(f.label)
+		}, K = (e = {}) => ({
 			...s,
 			...e
 		});
-		return /* @__PURE__ */ J(yn.ConfigLayout, {
+		return /* @__PURE__ */ J(bn.ConfigLayout, {
 			extraCSSRules: M,
 			dimensions: c,
 			hideSettings: v,
-			settings: /* @__PURE__ */ q($r, {
+			settings: /* @__PURE__ */ q(ei, {
 				model: n,
 				configuration: e,
 				onChangeModel: i,
 				onChangeConfiguration: r,
 				groups: {
-					Settings: G,
-					Properties: K
+					Settings: ie,
+					Properties: G
 				}
 			}),
 			children: [
-				/* @__PURE__ */ q(ii, {
+				/* @__PURE__ */ q(ai, {
 					component: "div",
 					type: "body1",
 					children: f?.label || ""
 				}),
-				I && /* @__PURE__ */ J(ri, {
+				I && /* @__PURE__ */ J(ii, {
 					label: x.label,
-					children: [/* @__PURE__ */ q(L, {
+					children: [/* @__PURE__ */ q(R, {
 						markup: n.teacherInstructions || "",
 						onChange: this.onTeacherInstructionsChange,
 						imageSupport: t,
 						nonEmpty: !1,
-						error: H,
+						error: V,
 						spellCheck: F,
-						pluginProps: ie(x?.inputConfiguration),
-						maxImageWidth: p && p.teacherInstructions || W,
-						maxImageHeight: m && m.teacherInstructions || re,
+						pluginProps: K(x?.inputConfiguration),
+						maxImageWidth: p && p.teacherInstructions || U,
+						maxImageHeight: m && m.teacherInstructions || W,
 						uploadSoundSupport: a,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 						mathMlOptions: E
-					}), H && /* @__PURE__ */ q(ai, { children: H })]
+					}), V && /* @__PURE__ */ q(oi, { children: V })]
 				}),
-				N && /* @__PURE__ */ J(ri, {
+				N && /* @__PURE__ */ J(ii, {
 					label: h.label,
-					children: [/* @__PURE__ */ q(L, {
+					children: [/* @__PURE__ */ q(R, {
 						markup: n.prompt,
 						onChange: this.onPromptChange,
 						imageSupport: t,
@@ -2871,68 +2874,68 @@ var wr = class e extends CustomEvent {
 						error: B,
 						spellCheck: F,
 						disableUnderline: !0,
-						pluginProps: ie(h?.inputConfiguration),
-						maxImageWidth: W,
-						maxImageHeight: re,
+						pluginProps: K(h?.inputConfiguration),
+						maxImageWidth: U,
+						maxImageHeight: W,
 						uploadSoundSupport: a,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 						mathMlOptions: E
-					}), B && /* @__PURE__ */ q(ai, { children: B })]
+					}), B && /* @__PURE__ */ q(oi, { children: B })]
 				}),
-				/* @__PURE__ */ q(Cr, {
+				/* @__PURE__ */ q(wr, {
 					model: n,
 					onChange: this.onConfigChange,
-					gridValues: te,
-					labelValues: U,
+					gridValues: ne,
+					labelValues: re,
 					chartDimensions: l,
-					charts: oi,
-					studentNewCategoryDefaultLabel: R,
+					charts: si,
+					studentNewCategoryDefaultLabel: L,
 					availableChartTypes: T,
 					chartTypeLabel: D
 				}),
-				/* @__PURE__ */ q(Pr, {
+				/* @__PURE__ */ q(Fr, {
 					model: n,
 					onChange: i,
-					charts: oi,
+					charts: si,
 					labelsPlaceholders: d,
 					titlePlaceholder: S,
-					showPixelGuides: ne,
+					showPixelGuides: H,
 					authorNewCategoryDefaults: u,
 					chartingOptions: w,
 					mathMlOptions: E,
 					labelsCharactersLimit: A
 				}),
-				/* @__PURE__ */ q(Gr, {
+				/* @__PURE__ */ q(Kr, {
 					config: o,
 					model: n,
 					onChange: i,
-					charts: oi,
+					charts: si,
 					error: z,
 					correctAnswerErrors: ee,
-					studentNewCategoryDefaultLabel: R,
+					studentNewCategoryDefaultLabel: L,
 					mathMlOptions: E,
 					labelsPlaceholders: d
 				}),
-				P && /* @__PURE__ */ J(ri, {
+				P && /* @__PURE__ */ J(ii, {
 					label: g.label || "Rationale",
-					children: [/* @__PURE__ */ q(L, {
+					children: [/* @__PURE__ */ q(R, {
 						markup: n.rationale || "",
 						onChange: this.onRationaleChange,
 						imageSupport: t,
-						error: V,
+						error: te,
 						spellCheck: F,
-						pluginProps: ie(g?.inputConfiguration),
-						maxImageWidth: p && p.rationale || W,
-						maxImageHeight: m && m.rationale || re,
+						pluginProps: K(g?.inputConfiguration),
+						maxImageWidth: p && p.rationale || U,
+						maxImageHeight: m && m.rationale || W,
 						uploadSoundSupport: a,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 						mathMlOptions: E
-					}), V && /* @__PURE__ */ q(ai, { children: V })]
+					}), te && /* @__PURE__ */ q(oi, { children: te })]
 				})
 			]
 		});
 	}
-}, ci = {
+}, li = {
 	model: {
 		addCategoryEnabled: !0,
 		changeAddCategoryEnabled: !1,
@@ -3114,20 +3117,20 @@ var wr = class e extends CustomEvent {
 			}
 		}
 	}
-}, li = (0, Ge.default)("pie-elements:graphing:configure"), ui = class e extends HTMLElement {
+}, ui = (0, Ke.default)("pie-elements:graphing:configure"), di = class e extends HTMLElement {
 	static createDefaultModel = (e = {}) => ({
-		...ci.model,
+		...li.model,
 		...e
 	});
 	constructor() {
-		super(), this._root = null, this._model = e.createDefaultModel(), this._configuration = ci.configuration;
+		super(), this._root = null, this._model = e.createDefaultModel(), this._configuration = li.configuration;
 	}
 	set model(t) {
 		this._model = e.createDefaultModel(t), this._render();
 	}
 	set configuration(e) {
 		let t = {
-			...ci.configuration,
+			...li.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({
@@ -3136,26 +3139,26 @@ var wr = class e extends CustomEvent {
 		})) : delete this._model.language, this._render();
 	}
 	onModelChanged(e) {
-		this._model = e, this._render(), li("[onModelChanged]: ", this._model), this.dispatchEvent(new wr(this._model));
+		this._model = e, this._render(), ui("[onModelChanged]: ", this._model), this.dispatchEvent(new Tr(this._model));
 	}
 	onConfigurationChanged(e) {
 		this._configuration = e, this._render();
 	}
 	insertImage(e) {
-		this.dispatchEvent(new Er(e));
+		this.dispatchEvent(new Dr(e));
 	}
 	onDeleteImage(e, t) {
-		this.dispatchEvent(new Tr(e, t));
+		this.dispatchEvent(new Er(e, t));
 	}
 	insertSound(e) {
-		this.dispatchEvent(new Or(e));
+		this.dispatchEvent(new kr(e));
 	}
 	onDeleteSound(e, t) {
-		this.dispatchEvent(new Dr(e, t));
+		this.dispatchEvent(new Or(e, t));
 	}
 	_render() {
 		if (this._model) {
-			let e = K.createElement(si, {
+			let e = K.createElement(ci, {
 				onModelChanged: this.onModelChanged.bind(this),
 				onConfigurationChanged: this.onConfigurationChanged.bind(this),
 				model: this._model,
@@ -3169,8 +3172,8 @@ var wr = class e extends CustomEvent {
 					delete: this.onDeleteSound.bind(this)
 				}
 			});
-			this._root ||= ce(this), this._root.render(e), queueMicrotask(() => {
-				f(this);
+			this._root ||= le(this), this._root.render(e), queueMicrotask(() => {
+				m(this);
 			});
 		}
 	}
@@ -3182,6 +3185,6 @@ var wr = class e extends CustomEvent {
 	}
 };
 //#endregion
-export { ui as default };
+export { di as default };
 
 //# sourceMappingURL=index.js.map