@pie-element/charting 13.0.1-next.20261004212815 → 13.0.1-next.20261004235022

package/dist/browser/author/index.js

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