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

package/dist/browser/author/index.js

@@ -1,18 +1,18 @@
 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-BUotjScT.js";
+import { $ as t, B as n, C as r, D as i, E as a, F as o, G as s, H as c, I as l, J as u, K as d, L as f, M as p, N as m, P as h, Q as g, R as _, S as v, T as y, U as b, W as x, X as S, Y as C, Z as w, _ as T, a as E, c as D, d as O, f as k, g as A, i as j, k as M, l as N, m as P, n as F, p as I, q as L, r as ee, s as R, t as te, u as z, w as B, z as V } from "../chart-BtpeSAuy.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, 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 de = p;
+var de = f;
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/FormControlLabel/formControlLabelClasses.js
 function fe(e) {
-	return C("MuiFormControlLabel", e);
+	return S("MuiFormControlLabel", e);
 }
-var Y = w("MuiFormControlLabel", [
+var Y = C("MuiFormControlLabel", [
 	"root",
 	"labelPlacementStart",
 	"labelPlacementTop",
@@ -24,18 +24,18 @@ var Y = w("MuiFormControlLabel", [
 	"asterisk"
 ]), pe = (e) => {
 	let { classes: t, disabled: n, labelPlacement: r, error: i, required: a } = e;
-	return d({
+	return u({
 		root: [
 			"root",
 			n && "disabled",
-			`labelPlacement${u(r)}`,
+			`labelPlacement${l(r)}`,
 			i && "error",
 			a && "required"
 		],
 		label: ["label", n && "disabled"],
 		asterisk: ["asterisk", i && "error"]
 	}, fe, t);
-}, me = S("label", {
+}, me = x("label", {
 	name: "MuiFormControlLabel",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -43,7 +43,7 @@ var Y = w("MuiFormControlLabel", [
 		return [
 			{ [`& .${Y.label}`]: t.label },
 			t.root,
-			t[`labelPlacement${u(n.labelPlacement)}`]
+			t[`labelPlacement${l(n.labelPlacement)}`]
 		];
 	}
 })(V(({ theme: e }) => ({
@@ -77,15 +77,15 @@ var Y = w("MuiFormControlLabel", [
 			style: { marginLeft: 16 }
 		}
 	]
-}))), he = S("span", {
+}))), he = x("span", {
 	name: "MuiFormControlLabel",
 	slot: "Asterisk"
 })(V(({ theme: e }) => ({ [`&.${Y.error}`]: { color: (e.vars || e).palette.error.main } }))), ge = /*#__PURE__*/ G.forwardRef(function(e, t) {
-	let n = r({
+	let r = n({
 		props: e,
 		name: "MuiFormControlLabel"
-	}), { 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,
+	}), { checked: a, className: o, componentsProps: s = {}, control: c, disabled: l, disableTypography: u, inputRef: d, label: f, labelPlacement: p = "end", name: m, onChange: h, required: g, slots: v = {}, slotProps: b = {}, value: x, ...S } = r, C = y(), T = l ?? c.props.disabled ?? C?.disabled, E = g ?? c.props.required, D = {
+		disabled: T,
 		required: E
 	};
 	[
@@ -95,20 +95,20 @@ var Y = w("MuiFormControlLabel", [
 		"value",
 		"inputRef"
 	].forEach((e) => {
-		c.props[e] === void 0 && n[e] !== void 0 && (D[e] = n[e]);
+		c.props[e] === void 0 && r[e] !== void 0 && (D[e] = r[e]);
 	});
-	let O = g({
-		props: n,
+	let O = i({
+		props: r,
 		muiFormControl: C,
 		states: ["error"]
 	}), k = {
-		...n,
-		disabled: w,
+		...r,
+		disabled: T,
 		labelPlacement: p,
 		required: E,
 		error: O.error
-	}, A = pe(k), [j, M] = y("typography", {
-		elementType: N,
+	}, A = pe(k), [j, M] = _("typography", {
+		elementType: P,
 		externalForwardedProps: {
 			slots: v,
 			slotProps: {
@@ -117,31 +117,31 @@ var Y = w("MuiFormControlLabel", [
 			}
 		},
 		ownerState: k
-	}), P = f;
-	return P != null && P.type !== N && !u && (P = /*#__PURE__*/ q(j, {
+	}), N = f;
+	return N != null && N.type !== P && !u && (N = /*#__PURE__*/ q(j, {
 		component: "span",
 		...M,
-		className: T(A.label, M?.className),
-		children: P
+		className: w(A.label, M?.className),
+		children: N
 	})), /*#__PURE__*/ J(me, {
-		className: T(A.root, a),
+		className: w(A.root, o),
 		ownerState: k,
 		ref: t,
 		...S,
-		children: [/*#__PURE__*/ G.cloneElement(c, D), E ? /*#__PURE__*/ J("div", { children: [P, /*#__PURE__*/ J(he, {
+		children: [/*#__PURE__*/ G.cloneElement(c, D), E ? /*#__PURE__*/ J("div", { children: [N, /*#__PURE__*/ J(he, {
 			ownerState: k,
 			"aria-hidden": !0,
 			className: A.asterisk,
 			children: [" ", "*"]
-		})] }) : P]
+		})] }) : N]
 	});
 });
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/InputAdornment/inputAdornmentClasses.js
 function _e(e) {
-	return C("MuiInputAdornment", e);
+	return S("MuiInputAdornment", e);
 }
-var ve = w("MuiInputAdornment", [
+var ve = C("MuiInputAdornment", [
 	"root",
 	"filled",
 	"standard",
@@ -155,21 +155,21 @@ var ve = w("MuiInputAdornment", [
 	let { ownerState: n } = e;
 	return [
 		t.root,
-		t[`position${u(n.position)}`],
+		t[`position${l(n.position)}`],
 		n.disablePointerEvents === !0 && t.disablePointerEvents,
 		t[n.variant]
 	];
 }, xe = (e) => {
 	let { classes: t, disablePointerEvents: n, hiddenLabel: r, position: i, size: a, variant: o } = e;
-	return d({ root: [
+	return u({ root: [
 		"root",
 		n && "disablePointerEvents",
-		i && `position${u(i)}`,
+		i && `position${l(i)}`,
 		o,
 		r && "hiddenLabel",
-		a && `size${u(a)}`
+		a && `size${l(a)}`
 	] }, _e, t);
-}, Se = S("div", {
+}, Se = x("div", {
 	name: "MuiInputAdornment",
 	slot: "Root",
 	overridesResolver: be
@@ -198,44 +198,44 @@ var ve = w("MuiInputAdornment", [
 		}
 	]
 }))), Ce = /*#__PURE__*/ G.forwardRef(function(e, t) {
-	let n = r({
+	let r = n({
 		props: e,
 		name: "MuiInputAdornment"
-	}), { 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: m.hiddenLabel,
-		size: m.size,
-		disablePointerEvents: l,
-		position: d,
-		variant: h
-	}, _ = xe(g);
+	}), { children: i, className: o, component: s = "div", disablePointerEvents: c = !1, disableTypography: l = !1, position: u, variant: d, ...f } = r, p = y() || {}, m = d;
+	d && p.variant, p && !m && (m = p.variant);
+	let h = {
+		...r,
+		hiddenLabel: p.hiddenLabel,
+		size: p.size,
+		disablePointerEvents: c,
+		position: u,
+		variant: m
+	}, g = xe(h);
 	return /*#__PURE__*/ q(a.Provider, {
 		value: null,
 		children: /*#__PURE__*/ q(Se, {
-			as: c,
-			ownerState: g,
-			className: T(_.root, s),
+			as: s,
+			ownerState: h,
+			className: w(g.root, o),
 			ref: t,
-			...p,
-			children: typeof i == "string" && !u ? /*#__PURE__*/ q(N, {
+			...f,
+			children: typeof i == "string" && !l ? /*#__PURE__*/ q(P, {
 				color: "textSecondary",
 				children: i
-			}) : /*#__PURE__*/ J(G.Fragment, { children: [d === "start" ? ye ||= /*#__PURE__*/ q("span", {
+			}) : /*#__PURE__*/ J(G.Fragment, { children: [u === "start" ? ye ||= /*#__PURE__*/ q("span", {
 				className: "notranslate",
 				"aria-hidden": !0,
 				children: "​"
 			}) : null, i] })
 		})
 	});
-}), 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", {
+}), we = o(/*#__PURE__*/ q("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" }), "RadioButtonUnchecked"), Te = o(/*#__PURE__*/ q("path", { d: "M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z" }), "RadioButtonChecked"), Ee = x("span", {
 	name: "MuiRadioButtonIcon",
-	shouldForwardProp: c
+	shouldForwardProp: s
 })({
 	position: "relative",
 	display: "flex"
-}), De = S(we, { name: "MuiRadioButtonIcon" })({ transform: "scale(1)" }), Oe = S(Te, { name: "MuiRadioButtonIcon" })(V(({ theme: e }) => ({
+}), De = x(we, { name: "MuiRadioButtonIcon" })({ transform: "scale(1)" }), Oe = x(Te, { name: "MuiRadioButtonIcon" })(V(({ theme: e }) => ({
 	left: 0,
 	position: "absolute",
 	transform: "scale(0)",
@@ -284,9 +284,9 @@ function je() {
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/Radio/radioClasses.js
 function Me(e) {
-	return C("MuiRadio", e);
+	return S("MuiRadio", e);
 }
-var Ne = w("MuiRadio", [
+var Ne = C("MuiRadio", [
 	"root",
 	"checked",
 	"disabled",
@@ -296,23 +296,23 @@ var Ne = w("MuiRadio", [
 ]), Pe = (e) => {
 	let { classes: t, color: n, size: r } = e, i = { root: [
 		"root",
-		`color${u(n)}`,
-		r !== "medium" && `size${u(r)}`
+		`color${l(n)}`,
+		r !== "medium" && `size${l(r)}`
 	] };
 	return {
 		...t,
-		...d(i, Me, t)
+		...u(i, Me, t)
 	};
-}, Fe = S(j, {
-	shouldForwardProp: (e) => c(e) || e === "classes",
+}, Fe = x(j, {
+	shouldForwardProp: (e) => s(e) || e === "classes",
 	name: "MuiRadio",
 	slot: "Root",
 	overridesResolver: (e, t) => {
 		let { ownerState: n } = e;
 		return [
 			t.root,
-			n.size !== "medium" && t[`size${u(n.size)}`],
-			t[`color${u(n.color)}`]
+			n.size !== "medium" && t[`size${l(n.size)}`],
+			t[`color${l(n.color)}`]
 		];
 	}
 })(V(({ theme: e }) => ({
@@ -327,7 +327,7 @@ var Ne = w("MuiRadio", [
 			},
 			style: { "&:hover": { backgroundColor: e.alpha((e.vars || e).palette.action.active, (e.vars || e).palette.action.hoverOpacity) } }
 		},
-		...Object.entries(e.palette).filter(n()).map(([t]) => ({
+		...Object.entries(e.palette).filter(M()).map(([t]) => ({
 			props: {
 				color: t,
 				disabled: !1,
@@ -335,7 +335,7 @@ var Ne = w("MuiRadio", [
 			},
 			style: { "&:hover": { backgroundColor: e.alpha((e.vars || e).palette[t].main, (e.vars || e).palette.action.hoverOpacity) } }
 		})),
-		...Object.entries(e.palette).filter(n()).map(([t]) => ({
+		...Object.entries(e.palette).filter(M()).map(([t]) => ({
 			props: {
 				color: t,
 				disabled: !1
@@ -352,27 +352,27 @@ function Ie(e, t) {
 	return typeof t == "object" && t ? e === t : String(e) === String(t);
 }
 var Le = /*#__PURE__*/ q(ke, { checked: !0 }), Re = /*#__PURE__*/ q(ke, {}), ze = /*#__PURE__*/ G.forwardRef(function(e, t) {
-	let n = r({
+	let r = n({
 		props: e,
 		name: "MuiRadio"
-	}), { 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;
+	}), { checked: i, checkedIcon: a = Le, color: o = "primary", icon: s = Re, name: c, onChange: l, size: u = "medium", className: d, disabled: f, disableRipple: p = !1, slots: m = {}, slotProps: h = {}, inputProps: g, ...v } = r, b = y(), x = f;
 	b && x === void 0 && (x = b.disabled), x ??= !1;
 	let S = {
-		...n,
+		...r,
 		disabled: x,
-		disableRipple: m,
-		color: s,
-		size: d
-	}, 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", {
+		disableRipple: p,
+		color: o,
+		size: u
+	}, C = Pe(S), T = je(), E = i, D = de(l, T && T.onChange), O = c;
+	T && (E === void 0 && (E = Ie(T.value, r.value)), O === void 0 && (O = T.name));
+	let k = h.input ?? g, [A, j] = _("root", {
 		ref: t,
 		elementType: Fe,
-		className: T(C.root, f),
+		className: w(C.root, d),
 		shouldForwardComponentProp: !0,
 		externalForwardedProps: {
-			slots: h,
-			slotProps: g,
+			slots: m,
+			slotProps: h,
 			...v
 		},
 		getSlotProps: (e) => ({
@@ -384,12 +384,12 @@ var Le = /*#__PURE__*/ q(ke, { checked: !0 }), Re = /*#__PURE__*/ q(ke, {}), ze
 		ownerState: S,
 		additionalProps: {
 			type: "radio",
-			icon: /*#__PURE__*/ G.cloneElement(c, { fontSize: c.props.fontSize ?? d }),
-			checkedIcon: /*#__PURE__*/ G.cloneElement(a, { fontSize: a.props.fontSize ?? d }),
+			icon: /*#__PURE__*/ G.cloneElement(s, { fontSize: s.props.fontSize ?? u }),
+			checkedIcon: /*#__PURE__*/ G.cloneElement(a, { fontSize: a.props.fontSize ?? u }),
 			disabled: x,
 			name: O,
 			checked: E,
-			slots: h,
+			slots: m,
 			slotProps: { input: typeof k == "function" ? k(S) : k }
 		}
 	});
@@ -401,9 +401,9 @@ var Le = /*#__PURE__*/ q(ke, { checked: !0 }), Re = /*#__PURE__*/ q(ke, {}), ze
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/Switch/switchClasses.js
 function Be(e) {
-	return C("MuiSwitch", e);
+	return S("MuiSwitch", e);
 }
-var X = w("MuiSwitch", [
+var X = C("MuiSwitch", [
 	"root",
 	"edgeStart",
 	"edgeEnd",
@@ -418,15 +418,15 @@ var X = w("MuiSwitch", [
 	"thumb",
 	"track"
 ]), Ve = (e) => {
-	let { classes: t, edge: n, size: r, color: i, checked: a, disabled: o } = e, s = d({
+	let { classes: t, edge: n, size: r, color: i, checked: a, disabled: o } = e, s = u({
 		root: [
 			"root",
-			n && `edge${u(n)}`,
-			`size${u(r)}`
+			n && `edge${l(n)}`,
+			`size${l(r)}`
 		],
 		switchBase: [
 			"switchBase",
-			`color${u(i)}`,
+			`color${l(i)}`,
 			a && "checked",
 			o && "disabled"
 		],
@@ -438,15 +438,15 @@ var X = w("MuiSwitch", [
 		...t,
 		...s
 	};
-}, He = S("span", {
+}, He = x("span", {
 	name: "MuiSwitch",
 	slot: "Root",
 	overridesResolver: (e, t) => {
 		let { ownerState: n } = e;
 		return [
 			t.root,
-			n.edge && t[`edge${u(n.edge)}`],
-			t[`size${u(n.size)}`]
+			n.edge && t[`edge${l(n.edge)}`],
+			t[`size${l(n.size)}`]
 		];
 	}
 })({
@@ -487,7 +487,7 @@ var X = w("MuiSwitch", [
 			}
 		}
 	]
-}), Ue = S(j, {
+}), Ue = x(j, {
 	name: "MuiSwitch",
 	slot: "SwitchBase",
 	overridesResolver: (e, t) => {
@@ -495,7 +495,7 @@ var X = w("MuiSwitch", [
 		return [
 			t.switchBase,
 			{ [`& .${X.input}`]: t.input },
-			n.color !== "default" && t[`color${u(n.color)}`]
+			n.color !== "default" && t[`color${l(n.color)}`]
 		];
 	}
 })(V(({ theme: e }) => ({
@@ -518,7 +518,7 @@ var X = w("MuiSwitch", [
 		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(n(["light"])).map(([t]) => ({
+	variants: [...Object.entries(e.palette).filter(M(["light"])).map(([t]) => ({
 		props: { color: t },
 		style: {
 			[`&.${X.checked}`]: {
@@ -532,7 +532,7 @@ var X = w("MuiSwitch", [
 			[`&.${X.checked} + .${X.track}`]: { backgroundColor: (e.vars || e).palette[t].main }
 		}
 	}))]
-}))), We = S("span", {
+}))), We = x("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}`
-}))), Ge = S("span", {
+}))), Ge = x("span", {
 	name: "MuiSwitch",
 	slot: "Thumb"
 })(V(({ theme: e }) => ({
@@ -557,36 +557,36 @@ var X = w("MuiSwitch", [
 	height: 20,
 	borderRadius: "50%"
 }))), Ke = /*#__PURE__*/ G.forwardRef(function(e, t) {
-	let n = r({
+	let r = n({
 		props: e,
 		name: "MuiSwitch"
-	}), { className: i, color: a = "primary", edge: o = !1, size: s = "medium", sx: c, slots: l = {}, slotProps: u = {}, ...d } = n, f = {
-		...n,
+	}), { className: i, color: a = "primary", edge: o = !1, size: s = "medium", sx: c, slots: l = {}, slotProps: u = {}, ...d } = r, f = {
+		...r,
 		color: a,
 		edge: o,
 		size: s
-	}, p = Ve(f), m = u.input, h = {
+	}, p = Ve(f), m = u.input, g = {
 		slots: l,
 		slotProps: u
-	}, [g, v] = y("root", {
-		className: T(p.root, i),
+	}, [v, y] = _("root", {
+		className: w(p.root, i),
 		elementType: He,
-		externalForwardedProps: h,
+		externalForwardedProps: g,
 		ownerState: f,
 		additionalProps: { sx: c }
-	}), [b, x] = y("thumb", {
+	}), [b, x] = _("thumb", {
 		className: p.thumb,
 		elementType: Ge,
-		externalForwardedProps: h,
+		externalForwardedProps: g,
 		ownerState: f
-	}), S = /*#__PURE__*/ q(b, { ...x }), [C, w] = y("track", {
+	}), S = /*#__PURE__*/ q(b, { ...x }), [C, T] = _("track", {
 		className: p.track,
 		elementType: We,
-		externalForwardedProps: h,
+		externalForwardedProps: g,
 		ownerState: f
 	});
-	return /*#__PURE__*/ J(g, {
-		...v,
+	return /*#__PURE__*/ J(v, {
+		...y,
 		children: [/*#__PURE__*/ q(Ue, {
 			type: "checkbox",
 			icon: S,
@@ -604,14 +604,14 @@ var X = w("MuiSwitch", [
 			},
 			slotProps: {
 				...u.switchBase && { root: typeof u.switchBase == "function" ? u.switchBase(f) : u.switchBase },
-				input: _(typeof m == "function" ? m(f) : m, { role: "switch" })
+				input: h(typeof m == "function" ? m(f) : m, { role: "switch" })
 			}
-		}), /*#__PURE__*/ q(C, { ...w })]
+		}), /*#__PURE__*/ q(C, { ...T })]
 	});
-}), qe = /* @__PURE__ */ e(ie(), 1), Z = /* @__PURE__ */ e(t(), 1), Je = S(ge)(() => ({ "& .MuiFormControlLabel-label": {
+}), qe = /* @__PURE__ */ e(ie(), 1), Z = /* @__PURE__ */ e(t(), 1), Je = x(ge)(() => ({ "& .MuiFormControlLabel-label": {
 	left: "-5px",
 	position: "relative"
-} })), Ye = S(ze)(() => ({ color: `${l.tertiary()} !important` })), Xe = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ q(Je, {
+} })), Ye = x(ze)(() => ({ color: `${c.tertiary()} !important` })), Xe = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ q(Je, {
 	value: t,
 	control: /* @__PURE__ */ q(Ye, {
 		checked: n,
@@ -627,7 +627,7 @@ Xe.propTypes = {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/tabs/index.js
-var Ze = S(O)(() => ({})), Qe = class extends K.Component {
+var Ze = x(D)(() => ({})), Qe = class extends K.Component {
 	static propTypes = {
 		className: Z.default.string,
 		contentClassName: Z.default.string,
@@ -644,7 +644,7 @@ var Ze = S(O)(() => ({})), Qe = class extends K.Component {
 		let { value: e } = this.state, { children: t, className: n, contentClassName: r, contentStyle: i = {} } = this.props;
 		return /* @__PURE__ */ J("div", {
 			className: n,
-			children: [/* @__PURE__ */ q(M, {
+			children: [/* @__PURE__ */ q(N, {
 				indicatorColor: "primary",
 				value: e,
 				onChange: this.handleChange,
@@ -656,7 +656,7 @@ var Ze = S(O)(() => ({})), Qe = class extends K.Component {
 			})]
 		});
 	}
-}, $e = S(ge)(({ theme: e, mini: t }) => ({
+}, $e = x(ge)(({ theme: e, mini: t }) => ({
 	margin: 0,
 	marginLeft: 0,
 	padding: 0,
@@ -666,12 +666,12 @@ var Ze = S(O)(() => ({})), Qe = class extends K.Component {
 		color: "rgba(0,0,0,1.0)",
 		...t && {
 			marginLeft: e.spacing(1),
-			color: I[700],
+			color: L[700],
 			fontSize: e.typography.fontSize - 3
 		}
 	}
-})), et = S(L)(({ theme: e, mini: t, error: n }) => ({
-	color: `${l.tertiary()} !important`,
+})), et = x(ee)(({ theme: e, mini: t, error: n }) => ({
+	color: `${c.tertiary()} !important`,
 	...t && {
 		margin: 0,
 		padding: 0,
@@ -704,7 +704,7 @@ tt.propTypes = {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/number-text-field.js
-var nt = (0, qe.default)("@pie-lib:config-ui:number-text-field"), rt = S(ee)(({ theme: e }) => ({
+var nt = (0, qe.default)("@pie-lib:config-ui:number-text-field"), rt = x(z)(({ theme: e }) => ({
 	marginRight: e.spacing(1),
 	"& .MuiInputLabel-root": {
 		width: "auto",
@@ -819,7 +819,7 @@ var nt = (0, qe.default)("@pie-lib:config-ui:number-text-field"), rt = S(ee)(({
 	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);
-}, 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)(() => ({
+}, ct = o(/*#__PURE__*/ q("path", { d: "M19 13H5v-2h14z" }), "Remove"), lt = o(/*#__PURE__*/ q("path", { d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z" }), "Add"), ut = x(z)(() => ({
 	"& input[type=number]": { MozAppearance: "textfield" },
 	"& input[type=number]::-webkit-outer-spin-button": {
 		WebkitAppearance: "none",
@@ -829,7 +829,7 @@ var nt = (0, qe.default)("@pie-lib:config-ui:number-text-field"), rt = S(ee)(({
 		WebkitAppearance: "none",
 		margin: 0
 	}
-})), dt = S(E)(() => ({ padding: "2px" })), ft = (e, t) => {
+})), dt = x(A)(() => ({ padding: "2px" })), ft = (e, t) => {
 	if (!H(e) && !H(t)) return 0;
 	if (!H(e) && H(t)) return t;
 	if (H(e)) return e;
@@ -1005,7 +1005,7 @@ function mt(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 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 }) => ({
+var gt = ht(v, "InputContainer") || ht(yt.InputContainer, "InputContainer"), _t = T, vt = _t.default, yt = vt && typeof vt == "object" ? vt : _t, bt = x("div")(({ theme: e, direction: t }) => ({
 	display: "flex",
 	flexWrap: "wrap",
 	paddingLeft: 0,
@@ -1078,14 +1078,14 @@ var Ct = Object.defineProperty, wt = (e, t) => {
 		enumerable: !0
 	});
 	return t || Ct(n, Symbol.toStringTag, { value: "Module" }), n;
-}, Tt = S("div")(() => ({
+}, Tt = x("div")(() => ({
 	display: "flex",
 	flexDirection: "column",
 	position: "relative"
-})), Et = S("div")(() => ({
+})), Et = x("div")(() => ({
 	display: "flex",
 	justifyContent: "space-between"
-})), 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 {
+})), Dt = x("div")(({ theme: e }) => ({ padding: `${e.spacing(2)} 0` })), Ot = x("div")(() => ({ flex: "1" })), kt = x("div")(({ theme: e }) => ({ marginLeft: e.spacing(2) })), At = class extends K.Component {
 	static propTypes = {
 		mode: Z.default.oneOf(["tabbed", "inline"]),
 		secondary: Z.default.oneOfType([Z.default.arrayOf(Z.default.node), Z.default.node]),
@@ -1563,9 +1563,9 @@ var hn = mn()(function(e) {
 hn.displayName = "Measure", hn.propTypes.children = Z.default.func;
 //#endregion
 //#region ../../lib-react/config-ui/dist/layout/settings-box.js
-var gn = S("div")(() => ({
-	backgroundColor: l.white(),
-	border: `2px solid ${l.border()}`,
+var gn = x("div")(() => ({
+	backgroundColor: c.white(),
+	border: `2px solid ${c.border()}`,
 	display: "flex",
 	flexDirection: "column",
 	justifyContent: "flex-start",
@@ -1586,7 +1586,7 @@ var gn = S("div")(() => ({
 			children: t
 		});
 	}
-}, vn = f({
+}, vn = d({
 	typography: { fontFamily: "inherit" },
 	components: { MuiButton: { styleOverrides: { contained: {
 		backgroundColor: "#e0e0e0",
@@ -1623,9 +1623,9 @@ var gn = S("div")(() => ({
 		a !== this.state.layoutMode && this.setState({ layoutMode: a });
 	};
 	render() {
-		return /* @__PURE__ */ q(v, {
+		return /* @__PURE__ */ q(g, {
 			injectFirst: !0,
-			children: /* @__PURE__ */ q(x, {
+			children: /* @__PURE__ */ q(b, {
 				theme: vn,
 				children: /* @__PURE__ */ q(hn, {
 					bounds: !0,
@@ -1653,18 +1653,18 @@ var gn = S("div")(() => ({
 }, bn = mn("bounds")(yn), xn = /* @__PURE__ */ wt({
 	ConfigLayout: () => bn,
 	LayoutContents: () => At
-}), Sn = S("div")(() => ({
+}), Sn = x("div")(() => ({
 	display: "flex",
 	width: "100%",
 	justifyContent: "space-between"
-})), Cn = S(b)(({ theme: e }) => ({
+})), Cn = x(B)(({ theme: e }) => ({
 	color: "rgba(0, 0, 0, 0.89)",
 	fontSize: e.typography.fontSize,
 	paddingTop: e.spacing(2)
-})), 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 = x(Ke)(({ checked: e }) => ({
+	"&.Mui-checked .MuiSwitch-thumb": { color: `${c.tertiary()} !important` },
+	"&.Mui-checked .MuiSwitch-track": { backgroundColor: `${c.tertiaryLight()} !important` },
+	"& .MuiSwitch-track": { backgroundColor: e ? `${c.tertiaryLight()} !important` : void 0 }
 })), Tn = ({ checked: e, disabled: t, label: n, toggle: r }) => {
 	let i = ce();
 	return /* @__PURE__ */ J(Sn, { children: [/* @__PURE__ */ q(Cn, {
@@ -1685,12 +1685,12 @@ Tn.propTypes = {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/settings/settings-radio-label.js
-var En = S(ge)(({ theme: e }) => ({ "& .MuiFormControlLabel-label": {
+var En = x(ge)(({ theme: e }) => ({ "& .MuiFormControlLabel-label": {
 	color: "rgba(0, 0, 0, 0.89)",
 	fontSize: e.typography.fontSize - 2,
 	left: "-5px",
 	position: "relative"
-} })), Dn = S(ze)(() => ({ color: `${l.tertiary()} !important` })), On = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ q(En, {
+} })), Dn = x(ze)(() => ({ color: `${c.tertiary()} !important` })), On = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ q(En, {
 	value: t,
 	control: /* @__PURE__ */ q(Dn, {
 		checked: n,
@@ -1725,7 +1725,7 @@ Mn.propTypes = {
 	value: Z.default.bool,
 	onChange: Z.default.func
 };
-var Nn = S(xt)(({ theme: e }) => ({
+var Nn = x(xt)(({ theme: e }) => ({
 	marginTop: e.spacing(.5),
 	paddingBottom: e.spacing(.5),
 	width: "100%",
@@ -1748,10 +1748,10 @@ Pn.propTypes = {
 	...jn,
 	choices: Z.default.arrayOf(Z.default.shape(An))
 };
-var Fn = Pn, In = S("p")(({ theme: e }) => ({
+var Fn = Pn, In = x("p")(({ theme: e }) => ({
 	margin: 0,
 	fontSize: e.typography.fontSize
-})), Ln = S(A)(({ theme: e }) => ({
+})), Ln = x(k)(({ theme: e }) => ({
 	marginTop: e.spacing(.5),
 	border: "2px solid lightgrey",
 	padding: `0 ${e.spacing(1)}`,
@@ -1761,13 +1761,13 @@ var Fn = Pn, In = S("p")(({ theme: e }) => ({
 	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}` }),
+		input: /* @__PURE__ */ q(I, { id: `dropdown-${e}` }),
 		disableUnderline: !0,
 		MenuProps: { transitionDuration: {
 			enter: 225,
 			exit: 195
 		} },
-		children: r.map((e, t) => /* @__PURE__ */ q(k, {
+		children: r.map((e, t) => /* @__PURE__ */ q(O, {
 			value: a(e),
 			children: i(e)
 		}, t))
@@ -1777,10 +1777,10 @@ Rn.propTypes = {
 	...jn,
 	choices: Z.default.arrayOf(Z.default.string)
 };
-var zn = S(N)(({ theme: e }) => ({
+var zn = x(P)(({ theme: e }) => ({
 	marginRight: e.spacing(3),
 	marginTop: e.spacing(1)
-})), Bn = ({ label: e }) => /* @__PURE__ */ q(zn, { children: e }), Vn = S(at)(({ theme: e }) => ({
+})), Bn = ({ label: e }) => /* @__PURE__ */ q(zn, { children: e }), Vn = x(at)(({ theme: e }) => ({
 	width: "35%",
 	marginRight: e.spacing(3),
 	marginTop: e.spacing(1),
@@ -1826,12 +1826,12 @@ var Wn = {
 	numberField: Hn,
 	checkbox: Mn,
 	textField: Bn
-}, Gn = S("div")(({ theme: e }) => ({ margin: `0 0 ${e.spacing(2)} 0` })), Kn = S("div")(({ theme: e }) => ({
+}, Gn = x("div")(({ theme: e }) => ({ margin: `0 0 ${e.spacing(2)} 0` })), Kn = x("div")(({ theme: e }) => ({
 	color: "#495B8F",
 	fontSize: e.typography.fontSize + 2,
 	fontWeight: 600,
 	marginBottom: e.spacing(1)
-})), qn = S("p")(({ theme: e }) => ({
+})), qn = x("p")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize,
 	marginBottom: 0
 })), Jn = (e) => {
@@ -1954,14 +1954,14 @@ function or(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 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");
+var cr = sr(v, "InputContainer") || sr(dr.InputContainer, "InputContainer"), lr = T, ur = lr.default, dr = ur && typeof ur == "object" ? ur : lr, fr = x("div")(() => ({ width: "160px" })), pr = x(r)(() => ({ width: "160px" })), mr = x(B)(() => ({ backgroundColor: "transparent" })), hr = ({ onChange: e, value: t, availableChartTypes: n, chartTypeLabel: r }) => {
+	let i = m("chart-type-label");
 	return /* @__PURE__ */ q(fr, { children: /* @__PURE__ */ J(pr, {
 		variant: "outlined",
 		children: [/* @__PURE__ */ q(mr, {
 			id: i,
 			children: r
-		}), /* @__PURE__ */ J(A, {
+		}), /* @__PURE__ */ J(k, {
 			labelId: i,
 			id: `${i}-select`,
 			name: "chartType",
@@ -1973,27 +1973,27 @@ var cr = sr(i, "InputContainer") || sr(dr.InputContainer, "InputContainer"), lr
 				exit: 195
 			} },
 			children: [
-				n?.histogram && /* @__PURE__ */ q(k, {
+				n?.histogram && /* @__PURE__ */ q(O, {
 					value: "histogram",
 					children: n.histogram
 				}),
-				n?.bar && /* @__PURE__ */ q(k, {
+				n?.bar && /* @__PURE__ */ q(O, {
 					value: "bar",
 					children: n.bar
 				}),
-				n?.lineDot && /* @__PURE__ */ q(k, {
+				n?.lineDot && /* @__PURE__ */ q(O, {
 					value: "lineDot",
 					children: n.lineDot
 				}),
-				n?.lineCross && /* @__PURE__ */ q(k, {
+				n?.lineCross && /* @__PURE__ */ q(O, {
 					value: "lineCross",
 					children: n.lineCross
 				}),
-				n?.dotPlot && /* @__PURE__ */ q(k, {
+				n?.dotPlot && /* @__PURE__ */ q(O, {
 					value: "dotPlot",
 					children: n.dotPlot
 				}),
-				n?.linePlot && /* @__PURE__ */ q(k, {
+				n?.linePlot && /* @__PURE__ */ q(O, {
 					value: "linePlot",
 					children: n.linePlot
 				})
@@ -2024,31 +2024,31 @@ var gr = (e, t, n, r, i) => {
 		...i,
 		data: e
 	});
-}, _r = S("div")(() => ({ width: "450px" })), vr = S("div")(({ theme: e }) => ({
+}, _r = x("div")(() => ({ width: "450px" })), vr = x("div")(({ theme: e }) => ({
 	display: "flex",
 	flexDirection: "column",
 	width: "100%",
 	marginTop: e.spacing(3)
-})), yr = S("div")(() => ({
+})), yr = x("div")(() => ({
 	display: "flex",
 	flexDirection: "column",
 	alignItems: "center"
-})), br = S("div")(() => ({
+})), br = x("div")(() => ({
 	display: "flex",
 	justifyContent: "space-around",
 	alignItems: "center"
-})), xr = S(pt)(({ theme: e }) => ({
+})), xr = x(pt)(({ theme: e }) => ({
 	width: "130px",
 	margin: `${e.spacing(1)} ${e.spacing(.5)}`
-})), Sr = S(pt)(({ theme: e }) => ({
+})), Sr = x(pt)(({ theme: e }) => ({
 	width: "160px",
 	margin: `${e.spacing(1)} ${e.spacing(.5)}`
-})), Cr = S("div")(({ theme: e }) => ({
+})), Cr = x("div")(({ theme: e }) => ({
 	display: "flex",
 	justifyContent: "space-between",
 	alignItems: "center",
 	margin: `${e.spacing(3)} 0`
-})), wr = S(N)(() => ({ color: l.disabled() })), Tr = (e) => {
+})), wr = x(P)(() => ({ color: c.disabled() })), Tr = (e) => {
 	let { model: t, onChange: n, chartDimensions: r, gridValues: i = {}, labelValues: a = {}, studentNewCategoryDefaultLabel: o = {}, availableChartTypes: s = {}, chartTypeLabel: c } = e, [l, u] = le({
 		open: !1,
 		title: "",
@@ -2073,13 +2073,13 @@ var gr = (e, t, n, r, i) => {
 		label: "Grid Interval",
 		value: _.step,
 		variant: "outlined",
-		onChange: (e, t) => z("step", t, e),
+		onChange: (e, t) => R("step", t, e),
 		...D
 	}), /* @__PURE__ */ q(Sr, {
 		label: "Label Interval",
 		value: _.labelStep,
 		variant: "outlined",
-		onChange: (e, t) => z("labelStep", t, e),
+		onChange: (e, t) => R("labelStep", t, e),
 		...O
 	})] }), A = (e) => {
 		u((t) => ({
@@ -2089,7 +2089,7 @@ var gr = (e, t, n, r, i) => {
 	}, j = (e, t) => e.map((e) => (Object.prototype.hasOwnProperty.call(e, t) && (e[t] = t == "interactive"), e)), M = (e) => {
 		let { correctAnswer: r, data: i } = t;
 		y === !1 && j(i, "interactive"), b === !1 && j(i, "editable"), gr(i, e, _, n, t), gr(r.data, !1, _, n, t);
-	}, F = () => {
+	}, N = () => {
 		let e = o?.label;
 		n({
 			...t,
@@ -2110,14 +2110,14 @@ var gr = (e, t, n, r, i) => {
 			...t,
 			graph: i
 		});
-	}, R = (e, t) => (e || []).find((e) => e.value > t.max || e.value - t.step * Math.floor(e.value / t.step) !== 0), z = (e, r, i) => {
-		g(_[e]), m(e), _[e] = r, (e === "max" || e === "step") && (R(t.data, _) || R(t.correctAnswer.data, _)) && i?.target ? f(!0) : n({
+	}, ee = (e, t) => (e || []).find((e) => e.value > t.max || e.value - t.step * Math.floor(e.value / t.step) !== 0), R = (e, r, i) => {
+		g(_[e]), m(e), _[e] = r, (e === "max" || e === "step") && (ee(t.data, _) || ee(t.correctAnswer.data, _)) && i?.target ? f(!0) : n({
 			...t,
 			range: _
 		});
 	};
 	se(() => {
-		M(!0), F();
+		M(!0), N();
 	}, []), se(() => {
 		d && u({
 			open: !0,
@@ -2135,20 +2135,20 @@ var gr = (e, t, n, r, i) => {
 			}
 		});
 	}, [d]);
-	let ee = _.step === 1 && _.labelStep === 1 && 3 <= _.max && _.max <= 10, B = () => {
+	let te = _.step === 1 && _.labelStep === 1 && 3 <= _.max && _.max <= 10, z = () => {
 		I.min = 3, I.max = 10, _.max = 10, _.step = 1, _.labelStep = 1, n({
 			...t,
 			range: _
 		});
-	}, te = (e) => {
+	}, B = (e) => {
 		if (e.includes("Plot")) {
-			if (!ee) {
+			if (!te) {
 				u({
 					open: !0,
 					title: "Warning",
 					text: "The selected chart type does not support the current chart configuration. Reset chart configuration?",
 					onConfirm: () => {
-						B(), M(), A(!1), n({
+						z(), M(), A(!1), n({
 							...t,
 							range: _,
 							chartType: e
@@ -2172,14 +2172,14 @@ var gr = (e, t, n, r, i) => {
 		});
 	};
 	return /* @__PURE__ */ J(_r, { children: [
-		/* @__PURE__ */ q(N, {
+		/* @__PURE__ */ q(P, {
 			variant: "subtitle1",
 			children: "Configure Chart"
 		}),
 		/* @__PURE__ */ J(vr, { children: [
 			/* @__PURE__ */ J(br, { children: [/* @__PURE__ */ q(hr, {
 				value: t.chartType,
-				onChange: (e) => te(e.target.value),
+				onChange: (e) => B(e.target.value),
 				availableChartTypes: s,
 				chartTypeLabel: c
 			}), /* @__PURE__ */ q(Sr, {
@@ -2188,11 +2188,11 @@ var gr = (e, t, n, r, i) => {
 				min: I(t.chartType).min,
 				max: I(t.chartType).max,
 				variant: "outlined",
-				onChange: (e, t) => z("max", t, e)
+				onChange: (e, t) => R("max", t, e)
 			})] }),
 			!t.chartType.includes("Plot") && k,
 			S && /* @__PURE__ */ J(Cr, { children: [
-				/* @__PURE__ */ q("div", { children: /* @__PURE__ */ q(N, { children: "Dimensions(px)" }) }),
+				/* @__PURE__ */ q("div", { children: /* @__PURE__ */ q(P, { children: "Dimensions(px)" }) }),
 				/* @__PURE__ */ J(yr, { children: [/* @__PURE__ */ q(xr, {
 					label: "Width",
 					value: x.width,
@@ -2213,7 +2213,7 @@ var gr = (e, t, n, r, i) => {
 				}), /* @__PURE__ */ q(wr, { children: "Min 400, Max 700" })] })
 			] })
 		] }),
-		/* @__PURE__ */ q(P, {
+		/* @__PURE__ */ q(F, {
 			open: l.open,
 			title: l.title,
 			text: l.text,
@@ -2297,11 +2297,11 @@ var Er = class e extends CustomEvent {
 			detail: t
 		}), this.handler = t;
 	}
-}, jr = S("div")(({ theme: e }) => ({
+}, jr = x("div")(({ theme: e }) => ({
 	marginBottom: e.spacing(2.5),
 	display: "flex",
 	flex: 1
-})), Mr = S("div")(({ theme: e }) => ({ marginBottom: e.spacing(1) })), Nr = S("div")({ flex: 1 }), Pr = S(L)({ color: `${l.tertiary()} !important` }), Fr = (e, t) => {
+})), Mr = x("div")(({ theme: e }) => ({ marginBottom: e.spacing(1) })), Nr = x("div")({ flex: 1 }), Pr = x(ee)({ color: `${c.tertiary()} !important` }), Fr = (e, t) => {
 	if (!e) return t;
 	let n = [];
 	return (t || []).forEach((t, r) => {
@@ -2363,12 +2363,12 @@ var Er = class e extends CustomEvent {
 	render() {
 		let { model: e, charts: t, labelsPlaceholders: n, titlePlaceholder: r, showPixelGuides: i, authorNewCategoryDefaults: a, chartingOptions: o, mathMlOptions: s = {}, labelsCharactersLimit: c } = this.props, { dialog: l } = this.state, { domain: u = {}, range: d = {} } = e || {};
 		return /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q(Mr, { children: "Define Initial Chart Attributes" }), /* @__PURE__ */ q(jr, { children: /* @__PURE__ */ J(Nr, { children: [
-			/* @__PURE__ */ q(N, {
+			/* @__PURE__ */ q(P, {
 				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(z, {
+			/* @__PURE__ */ q(te, {
 				defineChart: !0,
 				chartingOptions: o,
 				showPixelGuides: i,
@@ -2401,7 +2401,7 @@ var Er = class e extends CustomEvent {
 					this.changeAddRemoveEnabled(e.target.checked);
 				}
 			}), o?.addCategory?.authoringLabel] }),
-			/* @__PURE__ */ q(P, {
+			/* @__PURE__ */ q(F, {
 				open: l.open,
 				title: l.title,
 				text: l.text,
@@ -2410,15 +2410,15 @@ var Er = class e extends CustomEvent {
 			})
 		] }, "graph") })] });
 	}
-}, Lr = S("div")(({ theme: e }) => ({
+}, Lr = x("div")(({ theme: e }) => ({
 	marginBottom: e.spacing(2.5),
 	display: "flex",
 	flex: 1
-})), Rr = S("div")({ flex: 1 }), zr = S("div")(({ theme: e }) => ({ border: `2px solid ${e.palette.error.main}` })), Br = S(N)(({ theme: e }) => ({
+})), Rr = x("div")({ flex: 1 }), zr = x("div")(({ theme: e }) => ({ border: `2px solid ${e.palette.error.main}` })), Br = x(P)(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(1)
-})), Vr = S("div")(({ theme: e }) => ({ marginBottom: e.spacing(1) })), Hr = (e, t) => e.map((e, n) => ({
+})), Vr = x("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,
@@ -2487,12 +2487,12 @@ var Er = class e extends CustomEvent {
 	render() {
 		let { model: e, charts: t, error: n, studentNewCategoryDefaultLabel: r, correctAnswerErrors: i, mathMlOptions: a = {}, labelsPlaceholders: o = {} } = this.props, { categories: s } = this.state, { domain: c = {}, range: l = {} } = e || {}, { identicalError: u, categoriesError: d } = i || {};
 		return /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q(Vr, { children: "Define Correct Response" }), /* @__PURE__ */ q(Lr, { children: /* @__PURE__ */ J(Rr, { children: [
-			/* @__PURE__ */ q(N, {
+			/* @__PURE__ */ q(P, {
 				component: "div",
 				type: "body1",
 				children: /* @__PURE__ */ q("span", { children: "Use the tools below to define the correct answer." })
 			}),
-			q(u || d ? zr : "div", { children: /* @__PURE__ */ q(z, {
+			q(u || d ? zr : "div", { children: /* @__PURE__ */ q(te, {
 				chartType: e.chartType,
 				size: e.graph,
 				domain: c,
@@ -2753,21 +2753,21 @@ var Er = class e extends CustomEvent {
 		gridValues: i,
 		labelValues: a
 	};
-}, ei = (0, qe.default)("@pie-element:graphing:configure"), { Panel: ti, toggle: $, radio: ni, dropdown: ri, textField: ii } = Xn, ai = S(cr)(({ theme: e }) => ({
+}, ei = (0, qe.default)("@pie-element:graphing:configure"), { Panel: ti, toggle: $, radio: ni, dropdown: ri, textField: ii } = Xn, ai = x(cr)(({ theme: e }) => ({
 	width: "100%",
 	paddingTop: e.spacing(2),
 	marginBottom: e.spacing(2)
-})), oi = S(N)(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), si = S("div")(({ theme: e }) => ({
+})), oi = x(P)(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), si = x("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(1)
 })), ci = [
-	D.Bar(),
-	D.Histogram(),
-	D.LineDot(),
-	D.LineCross(),
-	D.DotPlot(),
-	D.LinePlot()
+	E.Bar(),
+	E.Histogram(),
+	E.LineDot(),
+	E.LineCross(),
+	E.DotPlot(),
+	E.LinePlot()
 ], li = class extends K.Component {
 	static propTypes = {
 		onModelChanged: Z.default.func,
@@ -2815,7 +2815,7 @@ var Er = class e extends CustomEvent {
 	render() {
 		let { configuration: e, imageSupport: t, model: n, onConfigurationChanged: r, onModelChanged: i, uploadSoundSupport: a } = this.props;
 		ei("[render] model", n);
-		let { graph: o } = n, { baseInputConfiguration: s = {}, contentDimensions: c = {}, chartDimensions: l = {}, authorNewCategoryDefaults: u = {}, labelsPlaceholders: d = {}, instruction: f = {}, maxImageWidth: p = {}, maxImageHeight: m = {}, prompt: h = {}, rationale: g = {}, scoringType: _ = {}, settingsPanelDisabled: v, spellCheck: y = {}, studentInstructions: b = {}, teacherInstructions: x = {}, titlePlaceholder: S = {}, withRubric: C = {}, chartingOptions: w = {}, availableChartTypes: T = {}, mathMlOptions: E = {}, chartTypeLabel: D, language: O = {}, languageChoices: k = {}, labelsCharactersLimit: A } = e || {}, { errors: j, extraCSSRules: M, promptEnabled: N, rationaleEnabled: P, spellCheckEnabled: F, teacherInstructionsEnabled: I, studentNewCategoryDefaultLabel: L } = n || {}, { categoryErrors: 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 = {
+		let { graph: o } = n, { baseInputConfiguration: s = {}, contentDimensions: c = {}, chartDimensions: l = {}, authorNewCategoryDefaults: u = {}, labelsPlaceholders: d = {}, instruction: f = {}, maxImageWidth: p = {}, maxImageHeight: m = {}, prompt: h = {}, rationale: g = {}, scoringType: _ = {}, settingsPanelDisabled: v, spellCheck: y = {}, studentInstructions: b = {}, teacherInstructions: x = {}, titlePlaceholder: S = {}, withRubric: C = {}, chartingOptions: w = {}, availableChartTypes: T = {}, mathMlOptions: E = {}, chartTypeLabel: D, language: O = {}, languageChoices: k = {}, labelsCharactersLimit: A } = e || {}, { errors: j, extraCSSRules: M, promptEnabled: N, rationaleEnabled: P, spellCheckEnabled: F, teacherInstructionsEnabled: I, studentNewCategoryDefaultLabel: L } = n || {}, { categoryErrors: ee, correctAnswerErrors: te, prompt: z, rationale: B, teacherInstructions: V } = j || {}, { gridValues: ne, labelValues: re } = this.state, H = l.showInConfigPanel || !0, U = p && p.prompt, W = m && m.prompt, ie = {
 			changeInteractiveEnabled: w.changeInteractive?.settings && $(w.changeInteractive.settingsLabel),
 			changeEditableEnabled: w.changeEditable?.settings && $(w.changeEditable.settingsLabel),
 			changeAddCategoryEnabled: w.addCategory?.settings && $(w.addCategory.settingsLabel)
@@ -2878,7 +2878,7 @@ var Er = class e extends CustomEvent {
 						onChange: this.onPromptChange,
 						imageSupport: t,
 						nonEmpty: !1,
-						error: B,
+						error: z,
 						spellCheck: F,
 						disableUnderline: !0,
 						pluginProps: K(h?.inputConfiguration),
@@ -2887,7 +2887,7 @@ var Er = class e extends CustomEvent {
 						uploadSoundSupport: a,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 						mathMlOptions: E
-					}), B && /* @__PURE__ */ q(si, { children: B })]
+					}), z && /* @__PURE__ */ q(si, { children: z })]
 				}),
 				/* @__PURE__ */ q(Tr, {
 					model: n,
@@ -2917,8 +2917,8 @@ var Er = class e extends CustomEvent {
 					model: n,
 					onChange: i,
 					charts: ci,
-					error: z,
-					correctAnswerErrors: ee,
+					error: ee,
+					correctAnswerErrors: te,
 					studentNewCategoryDefaultLabel: L,
 					mathMlOptions: E,
 					labelsPlaceholders: d
@@ -2929,7 +2929,7 @@ var Er = class e extends CustomEvent {
 						markup: n.rationale || "",
 						onChange: this.onRationaleChange,
 						imageSupport: t,
-						error: te,
+						error: B,
 						spellCheck: F,
 						pluginProps: K(g?.inputConfiguration),
 						maxImageWidth: p && p.rationale || U,
@@ -2937,7 +2937,7 @@ var Er = class e extends CustomEvent {
 						uploadSoundSupport: a,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 						mathMlOptions: E
-					}), te && /* @__PURE__ */ q(si, { children: te })]
+					}), B && /* @__PURE__ */ q(si, { children: B })]
 				})
 			]
 		});
@@ -3180,7 +3180,7 @@ var Er = class e extends CustomEvent {
 				}
 			});
 			this._root ||= ue(this), this._root.render(e), queueMicrotask(() => {
-				m(this);
+				p(this);
 			});
 		}
 	}