@pie-element/graphing-solution-set 6.1.2-next.5 → 6.1.2-next.7

package/dist/browser/author/index.js

@@ -1,28 +1,265 @@
-import { E as e, g as t, o as n, r, t as i } from "../browser-DP-DH6tw.js";
-import { B as a, D as o, E as s, H as c, I as l, L as u, M as d, N as f, O as p, P as m, R as h, U as g, V as _, _ as v, a as y, b, c as x, d as S, f as C, g as w, h as T, i as E, j as D, m as O, n as k, o as A, p as j, r as M, s as N, t as P, u as F, v as I, x as L, y as ee, z as R } from "../dist-DwjthPEk.js";
-import * as z from "react";
-import B from "react";
-import { createRoot as te } from "react-dom/client";
-import { Fragment as ne, jsx as V, jsxs as H } from "react/jsx-runtime";
+import { E as e, g as t, o as n, r, s as i, t as a, x as o } from "../browser-BQg8KPEc.js";
+import { $ as s, A as c, B as l, D as u, E as d, F as f, G as p, H as m, I as h, J as g, K as _, L as v, M as y, O as b, P as x, Q as S, R as C, V as w, W as T, X as E, Y as D, Z as O, _ as k, a as A, b as ee, c as j, d as M, et as te, f as ne, g as N, h as re, k as ie, l as P, m as F, n as ae, nt as oe, o as se, p as ce, q as le, r as ue, s as de, t as fe, tt as pe, u as me, v as he, x as ge, y as I, z as L } from "../alert-dialog-Ddk9X-Wg.js";
+import * as R from "react";
+import z, { Component as _e, createElement as ve } from "react";
+import { createRoot as ye } from "react-dom/client";
+import { Fragment as be, jsx as B, jsxs as V } from "react/jsx-runtime";
+//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/internal/svg-icons/CheckBoxOutlineBlank.js
+var xe = v(/*#__PURE__*/ B("path", { d: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z" }), "CheckBoxOutlineBlank"), Se = v(/*#__PURE__*/ B("path", { d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" }), "CheckBox"), Ce = v(/*#__PURE__*/ B("path", { d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z" }), "IndeterminateCheckBox");
+//#endregion
+//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/Checkbox/checkboxClasses.js
+function we(e) {
+	return S("MuiCheckbox", e);
+}
+var Te = O("MuiCheckbox", [
+	"root",
+	"checked",
+	"disabled",
+	"indeterminate",
+	"colorPrimary",
+	"colorSecondary",
+	"sizeSmall",
+	"sizeMedium"
+]), Ee = (e) => {
+	let { classes: t, indeterminate: n, color: r, size: i } = e, a = E({ root: [
+		"root",
+		n && "indeterminate",
+		`color${C(r)}`,
+		`size${C(i)}`
+	] }, we, t);
+	return {
+		...t,
+		...a
+	};
+}, De = _(de, {
+	shouldForwardProp: (e) => le(e) || e === "classes",
+	name: "MuiCheckbox",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.root,
+			n.indeterminate && t.indeterminate,
+			t[`size${C(n.size)}`],
+			n.color !== "default" && t[`color${C(n.color)}`]
+		];
+	}
+})(l(({ theme: e }) => ({
+	color: (e.vars || e).palette.text.secondary,
+	variants: [
+		{
+			props: {
+				color: "default",
+				disableRipple: !1
+			},
+			style: { "&:hover": { backgroundColor: e.alpha((e.vars || e).palette.action.active, (e.vars || e).palette.action.hoverOpacity) } }
+		},
+		...Object.entries(e.palette).filter(y()).map(([t]) => ({
+			props: {
+				color: t,
+				disableRipple: !1
+			},
+			style: { "&:hover": { backgroundColor: e.alpha((e.vars || e).palette[t].main, (e.vars || e).palette.action.hoverOpacity) } }
+		})),
+		...Object.entries(e.palette).filter(y()).map(([t]) => ({
+			props: { color: t },
+			style: {
+				[`&.${Te.checked}, &.${Te.indeterminate}`]: { color: (e.vars || e).palette[t].main },
+				[`&.${Te.disabled}`]: { color: (e.vars || e).palette.action.disabled }
+			}
+		})),
+		{
+			props: { disableRipple: !1 },
+			style: { "&:hover": { "@media (hover: none)": { backgroundColor: "transparent" } } }
+		}
+	]
+}))), Oe = /*#__PURE__*/ B(Se, {}), ke = /*#__PURE__*/ B(xe, {}), Ae = /*#__PURE__*/ B(Ce, {}), je = /*#__PURE__*/ R.forwardRef(function(e, t) {
+	let n = m({
+		props: e,
+		name: "MuiCheckbox"
+	}), { checkedIcon: r = Oe, color: i = "primary", icon: a = ke, indeterminate: o = !1, indeterminateIcon: c = Ae, inputProps: l, size: u = "medium", disableRipple: d = !1, className: f, slots: p = {}, slotProps: h = {}, ...g } = n, _ = o ? c : a, v = o ? c : r, y = {
+		...n,
+		disableRipple: d,
+		color: i,
+		indeterminate: o,
+		size: u
+	}, b = Ee(y), S = h.input ?? l, [C, w] = L("root", {
+		ref: t,
+		elementType: De,
+		className: s(b.root, f),
+		shouldForwardComponentProp: !0,
+		externalForwardedProps: {
+			slots: p,
+			slotProps: h,
+			...g
+		},
+		ownerState: y,
+		additionalProps: {
+			type: "checkbox",
+			icon: /*#__PURE__*/ R.cloneElement(_, { fontSize: _.props.fontSize ?? u }),
+			checkedIcon: /*#__PURE__*/ R.cloneElement(v, { fontSize: v.props.fontSize ?? u }),
+			disableRipple: d,
+			slots: p,
+			slotProps: { input: x(typeof S == "function" ? S(y) : S, {
+				"data-indeterminate": o,
+				"aria-checked": o ? "mixed" : void 0
+			}) }
+		}
+	});
+	return /*#__PURE__*/ B(C, {
+		...w,
+		classes: b
+	});
+});
+//#endregion
+//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/FormControlLabel/formControlLabelClasses.js
+function Me(e) {
+	return S("MuiFormControlLabel", e);
+}
+var H = O("MuiFormControlLabel", [
+	"root",
+	"labelPlacementStart",
+	"labelPlacementTop",
+	"labelPlacementBottom",
+	"disabled",
+	"label",
+	"error",
+	"required",
+	"asterisk"
+]), Ne = (e) => {
+	let { classes: t, disabled: n, labelPlacement: r, error: i, required: a } = e;
+	return E({
+		root: [
+			"root",
+			n && "disabled",
+			`labelPlacement${C(r)}`,
+			i && "error",
+			a && "required"
+		],
+		label: ["label", n && "disabled"],
+		asterisk: ["asterisk", i && "error"]
+	}, Me, t);
+}, Pe = _("label", {
+	name: "MuiFormControlLabel",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			{ [`& .${H.label}`]: t.label },
+			t.root,
+			t[`labelPlacement${C(n.labelPlacement)}`]
+		];
+	}
+})(l(({ theme: e }) => ({
+	display: "inline-flex",
+	alignItems: "center",
+	cursor: "pointer",
+	verticalAlign: "middle",
+	WebkitTapHighlightColor: "transparent",
+	marginLeft: -11,
+	marginRight: 16,
+	[`&.${H.disabled}`]: { cursor: "default" },
+	[`& .${H.label}`]: { [`&.${H.disabled}`]: { color: (e.vars || e).palette.text.disabled } },
+	variants: [
+		{
+			props: { labelPlacement: "start" },
+			style: {
+				flexDirection: "row-reverse",
+				marginRight: -11
+			}
+		},
+		{
+			props: { labelPlacement: "top" },
+			style: { flexDirection: "column-reverse" }
+		},
+		{
+			props: { labelPlacement: "bottom" },
+			style: { flexDirection: "column" }
+		},
+		{
+			props: ({ labelPlacement: e }) => e === "start" || e === "top" || e === "bottom",
+			style: { marginLeft: 16 }
+		}
+	]
+}))), Fe = _("span", {
+	name: "MuiFormControlLabel",
+	slot: "Asterisk"
+})(l(({ theme: e }) => ({ [`&.${H.error}`]: { color: (e.vars || e).palette.error.main } }))), Ie = /*#__PURE__*/ R.forwardRef(function(e, t) {
+	let n = m({
+		props: e,
+		name: "MuiFormControlLabel"
+	}), { checked: r, className: i, componentsProps: a = {}, control: o, disabled: l, disableTypography: u, inputRef: d, label: f, labelPlacement: p = "end", name: h, onChange: g, required: _, slots: v = {}, slotProps: y = {}, value: x, ...S } = n, C = b(), w = l ?? o.props.disabled ?? C?.disabled, T = _ ?? o.props.required, E = {
+		disabled: w,
+		required: T
+	};
+	[
+		"checked",
+		"name",
+		"onChange",
+		"value",
+		"inputRef"
+	].forEach((e) => {
+		o.props[e] === void 0 && n[e] !== void 0 && (E[e] = n[e]);
+	});
+	let D = c({
+		props: n,
+		muiFormControl: C,
+		states: ["error"]
+	}), O = {
+		...n,
+		disabled: w,
+		labelPlacement: p,
+		required: T,
+		error: D.error
+	}, k = Ne(O), [A, ee] = L("typography", {
+		elementType: I,
+		externalForwardedProps: {
+			slots: v,
+			slotProps: {
+				...a,
+				...y
+			}
+		},
+		ownerState: O
+	}), j = f;
+	return j != null && j.type !== I && !u && (j = /*#__PURE__*/ B(A, {
+		component: "span",
+		...ee,
+		className: s(k.label, ee?.className),
+		children: j
+	})), /*#__PURE__*/ V(Pe, {
+		className: s(k.root, i),
+		ownerState: O,
+		ref: t,
+		...S,
+		children: [/*#__PURE__*/ R.cloneElement(o, E), T ? /*#__PURE__*/ V("div", { children: [j, /*#__PURE__*/ V(Fe, {
+			ownerState: O,
+			"aria-hidden": !0,
+			className: k.asterisk,
+			children: [" ", "*"]
+		})] }) : j]
+	});
+});
+//#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/FormGroup/formGroupClasses.js
-function re(e) {
-	return a("MuiFormGroup", e);
+function Le(e) {
+	return S("MuiFormGroup", e);
 }
-R("MuiFormGroup", [
+O("MuiFormGroup", [
 	"root",
 	"row",
 	"error"
 ]);
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/FormGroup/FormGroup.js
-var ie = (e) => {
+var Re = (e) => {
 	let { classes: t, row: n, error: r } = e;
-	return h({ root: [
+	return E({ root: [
 		"root",
 		n && "row",
 		r && "error"
-	] }, re, t);
-}, ae = u("div", {
+	] }, Le, t);
+}, ze = _("div", {
 	name: "MuiFormGroup",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -37,124 +274,1770 @@ var ie = (e) => {
 		props: { row: !0 },
 		style: { flexDirection: "row" }
 	}]
-}), oe = /*#__PURE__*/ z.forwardRef(function(e, t) {
+}), Be = /*#__PURE__*/ R.forwardRef(function(e, t) {
 	let n = m({
 		props: e,
 		name: "MuiFormGroup"
-	}), { className: r, row: i = !1, ...a } = n, s = p({
+	}), { className: r, row: i = !1, ...a } = n, o = c({
 		props: n,
-		muiFormControl: o(),
+		muiFormControl: b(),
 		states: ["error"]
-	}), c = {
+	}), l = {
 		...n,
 		row: i,
-		error: s.error
+		error: o.error
 	};
-	return /*#__PURE__*/ V(ae, {
-		className: _(ie(c).root, r),
-		ownerState: c,
+	return /*#__PURE__*/ B(ze, {
+		className: s(Re(l).root, r),
+		ownerState: l,
 		ref: t,
 		...a
 	});
 });
 //#endregion
+//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/InputAdornment/inputAdornmentClasses.js
+function Ve(e) {
+	return S("MuiInputAdornment", e);
+}
+var He = O("MuiInputAdornment", [
+	"root",
+	"filled",
+	"standard",
+	"outlined",
+	"positionStart",
+	"positionEnd",
+	"disablePointerEvents",
+	"hiddenLabel",
+	"sizeSmall"
+]), Ue, We = (e, t) => {
+	let { ownerState: n } = e;
+	return [
+		t.root,
+		t[`position${C(n.position)}`],
+		n.disablePointerEvents === !0 && t.disablePointerEvents,
+		t[n.variant]
+	];
+}, Ge = (e) => {
+	let { classes: t, disablePointerEvents: n, hiddenLabel: r, position: i, size: a, variant: o } = e;
+	return E({ root: [
+		"root",
+		n && "disablePointerEvents",
+		i && `position${C(i)}`,
+		o,
+		r && "hiddenLabel",
+		a && `size${C(a)}`
+	] }, Ve, t);
+}, Ke = _("div", {
+	name: "MuiInputAdornment",
+	slot: "Root",
+	overridesResolver: We
+})(l(({ theme: e }) => ({
+	display: "flex",
+	maxHeight: "2em",
+	alignItems: "center",
+	whiteSpace: "nowrap",
+	color: (e.vars || e).palette.action.active,
+	variants: [
+		{
+			props: { variant: "filled" },
+			style: { [`&.${He.positionStart}&:not(.${He.hiddenLabel})`]: { marginTop: 16 } }
+		},
+		{
+			props: { position: "start" },
+			style: { marginRight: 8 }
+		},
+		{
+			props: { position: "end" },
+			style: { marginLeft: 8 }
+		},
+		{
+			props: { disablePointerEvents: !0 },
+			style: { pointerEvents: "none" }
+		}
+	]
+}))), qe = /*#__PURE__*/ R.forwardRef(function(e, t) {
+	let n = m({
+		props: e,
+		name: "MuiInputAdornment"
+	}), { children: r, className: i, component: a = "div", disablePointerEvents: o = !1, disableTypography: c = !1, position: l, variant: u, ...d } = n, f = b() || {}, p = u;
+	u && f.variant, f && !p && (p = f.variant);
+	let h = {
+		...n,
+		hiddenLabel: f.hiddenLabel,
+		size: f.size,
+		disablePointerEvents: o,
+		position: l,
+		variant: p
+	}, g = Ge(h);
+	return /*#__PURE__*/ B(ie.Provider, {
+		value: null,
+		children: /*#__PURE__*/ B(Ke, {
+			as: a,
+			ownerState: h,
+			className: s(g.root, i),
+			ref: t,
+			...d,
+			children: typeof r == "string" && !c ? /*#__PURE__*/ B(I, {
+				color: "textSecondary",
+				children: r
+			}) : /*#__PURE__*/ V(R.Fragment, { children: [l === "start" ? Ue ||= /*#__PURE__*/ B("span", {
+				className: "notranslate",
+				"aria-hidden": !0,
+				children: "​"
+			}) : null, r] })
+		})
+	});
+});
+//#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/RadioGroup/radioGroupClasses.js
-function se(e) {
-	return a("MuiRadioGroup", e);
+function Je(e) {
+	return S("MuiRadioGroup", e);
 }
-R("MuiRadioGroup", [
+O("MuiRadioGroup", [
 	"root",
 	"row",
 	"error"
 ]);
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/RadioGroup/RadioGroup.js
-var ce = (e) => {
+var Ye = (e) => {
 	let { classes: t, row: n, error: r } = e;
-	return h({ root: [
+	return E({ root: [
 		"root",
 		n && "row",
 		r && "error"
-	] }, se, t);
-}, le = /*#__PURE__*/ z.forwardRef(function(e, t) {
-	let { actions: n, children: r, className: i, defaultValue: a, name: o, onChange: s, value: c, ...l } = e, u = z.useRef(null), p = ce(e), [m, h] = D({
-		controlled: c,
+	] }, Je, t);
+}, Xe = /*#__PURE__*/ R.forwardRef(function(e, t) {
+	let { actions: n, children: r, className: i, defaultValue: a, name: o, onChange: c, value: l, ...u } = e, d = R.useRef(null), p = Ye(e), [m, g] = f({
+		controlled: l,
 		default: a,
 		name: "RadioGroup"
 	});
-	z.useImperativeHandle(n, () => ({ focus: () => {
-		let e = u.current.querySelector("input:not(:disabled):checked");
-		e ||= u.current.querySelector("input:not(:disabled)"), e && e.focus();
+	R.useImperativeHandle(n, () => ({ focus: () => {
+		let e = d.current.querySelector("input:not(:disabled):checked");
+		e ||= d.current.querySelector("input:not(:disabled)"), e && e.focus();
 	} }), []);
-	let g = f(t, u), v = d(o), y = z.useMemo(() => ({
+	let _ = w(t, d), v = h(o), y = R.useMemo(() => ({
 		name: v,
 		onChange(e) {
-			h(e.target.value), s && s(e, e.target.value);
+			g(e.target.value), c && c(e, e.target.value);
 		},
 		value: m
 	}), [
 		v,
-		s,
-		h,
+		c,
+		g,
 		m
 	]);
-	return /*#__PURE__*/ V(S.Provider, {
+	return /*#__PURE__*/ B(se.Provider, {
 		value: y,
-		children: /*#__PURE__*/ V(oe, {
+		children: /*#__PURE__*/ B(Be, {
 			role: "radiogroup",
-			ref: g,
-			className: _(p.root, i),
-			...l,
+			ref: _,
+			className: s(p.root, i),
+			...u,
 			children: r
 		})
 	});
-}), U = /* @__PURE__ */ e(c(), 1);
-function W(e) {
+});
+//#endregion
+//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/Switch/switchClasses.js
+function Ze(e) {
+	return S("MuiSwitch", e);
+}
+var U = O("MuiSwitch", [
+	"root",
+	"edgeStart",
+	"edgeEnd",
+	"switchBase",
+	"colorPrimary",
+	"colorSecondary",
+	"sizeSmall",
+	"sizeMedium",
+	"checked",
+	"disabled",
+	"input",
+	"thumb",
+	"track"
+]), Qe = (e) => {
+	let { classes: t, edge: n, size: r, color: i, checked: a, disabled: o } = e, s = E({
+		root: [
+			"root",
+			n && `edge${C(n)}`,
+			`size${C(r)}`
+		],
+		switchBase: [
+			"switchBase",
+			`color${C(i)}`,
+			a && "checked",
+			o && "disabled"
+		],
+		thumb: ["thumb"],
+		track: ["track"],
+		input: ["input"]
+	}, Ze, t);
+	return {
+		...t,
+		...s
+	};
+}, $e = _("span", {
+	name: "MuiSwitch",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.root,
+			n.edge && t[`edge${C(n.edge)}`],
+			t[`size${C(n.size)}`]
+		];
+	}
+})({
+	display: "inline-flex",
+	width: 58,
+	height: 38,
+	overflow: "hidden",
+	padding: 12,
+	boxSizing: "border-box",
+	position: "relative",
+	flexShrink: 0,
+	zIndex: 0,
+	verticalAlign: "middle",
+	"@media print": { colorAdjust: "exact" },
+	variants: [
+		{
+			props: { edge: "start" },
+			style: { marginLeft: -8 }
+		},
+		{
+			props: { edge: "end" },
+			style: { marginRight: -8 }
+		},
+		{
+			props: { size: "small" },
+			style: {
+				width: 40,
+				height: 24,
+				padding: 7,
+				[`& .${U.thumb}`]: {
+					width: 16,
+					height: 16
+				},
+				[`& .${U.switchBase}`]: {
+					padding: 4,
+					[`&.${U.checked}`]: { transform: "translateX(16px)" }
+				}
+			}
+		}
+	]
+}), et = _(de, {
+	name: "MuiSwitch",
+	slot: "SwitchBase",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.switchBase,
+			{ [`& .${U.input}`]: t.input },
+			n.color !== "default" && t[`color${C(n.color)}`]
+		];
+	}
+})(l(({ theme: e }) => ({
+	position: "absolute",
+	top: 0,
+	left: 0,
+	zIndex: 1,
+	color: e.vars ? e.vars.palette.Switch.defaultColor : `${e.palette.mode === "light" ? e.palette.common.white : e.palette.grey[300]}`,
+	transition: e.transitions.create(["left", "transform"], { duration: e.transitions.duration.shortest }),
+	[`&.${U.checked}`]: { transform: "translateX(20px)" },
+	[`&.${U.disabled}`]: { color: e.vars ? e.vars.palette.Switch.defaultDisabledColor : `${e.palette.mode === "light" ? e.palette.grey[100] : e.palette.grey[600]}` },
+	[`&.${U.checked} + .${U.track}`]: { opacity: .5 },
+	[`&.${U.disabled} + .${U.track}`]: { opacity: e.vars ? e.vars.opacity.switchTrackDisabled : `${e.palette.mode === "light" ? .12 : .2}` },
+	[`& .${U.input}`]: {
+		left: "-100%",
+		width: "300%"
+	}
+})), l(({ theme: e }) => ({
+	"&:hover": {
+		backgroundColor: e.alpha((e.vars || e).palette.action.active, (e.vars || e).palette.action.hoverOpacity),
+		"@media (hover: none)": { backgroundColor: "transparent" }
+	},
+	variants: [...Object.entries(e.palette).filter(y(["light"])).map(([t]) => ({
+		props: { color: t },
+		style: {
+			[`&.${U.checked}`]: {
+				color: (e.vars || e).palette[t].main,
+				"&:hover": {
+					backgroundColor: e.alpha((e.vars || e).palette[t].main, (e.vars || e).palette.action.hoverOpacity),
+					"@media (hover: none)": { backgroundColor: "transparent" }
+				},
+				[`&.${U.disabled}`]: { color: e.vars ? e.vars.palette.Switch[`${t}DisabledColor`] : `${e.palette.mode === "light" ? e.lighten(e.palette[t].main, .62) : e.darken(e.palette[t].main, .55)}` }
+			},
+			[`&.${U.checked} + .${U.track}`]: { backgroundColor: (e.vars || e).palette[t].main }
+		}
+	}))]
+}))), tt = _("span", {
+	name: "MuiSwitch",
+	slot: "Track"
+})(l(({ theme: e }) => ({
+	height: "100%",
+	width: "100%",
+	borderRadius: 14 / 2,
+	boxSizing: "border-box",
+	border: "1px solid transparent",
+	zIndex: -1,
+	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}`
+}))), nt = _("span", {
+	name: "MuiSwitch",
+	slot: "Thumb"
+})(l(({ theme: e }) => ({
+	boxShadow: (e.vars || e).shadows[1],
+	backgroundColor: "currentColor",
+	boxSizing: "border-box",
+	border: "1px solid transparent",
+	width: 20,
+	height: 20,
+	borderRadius: "50%"
+}))), rt = /*#__PURE__*/ R.forwardRef(function(e, t) {
+	let n = m({
+		props: e,
+		name: "MuiSwitch"
+	}), { className: r, color: i = "primary", edge: a = !1, size: o = "medium", sx: c, slots: l = {}, slotProps: u = {}, ...d } = n, f = {
+		...n,
+		color: i,
+		edge: a,
+		size: o
+	}, p = Qe(f), h = u.input, g = {
+		slots: l,
+		slotProps: u
+	}, [_, v] = L("root", {
+		className: s(p.root, r),
+		elementType: $e,
+		externalForwardedProps: g,
+		ownerState: f,
+		additionalProps: { sx: c }
+	}), [y, b] = L("thumb", {
+		className: p.thumb,
+		elementType: nt,
+		externalForwardedProps: g,
+		ownerState: f
+	}), S = /*#__PURE__*/ B(y, { ...b }), [C, w] = L("track", {
+		className: p.track,
+		elementType: tt,
+		externalForwardedProps: g,
+		ownerState: f
+	});
+	return /*#__PURE__*/ V(_, {
+		...v,
+		children: [/*#__PURE__*/ B(et, {
+			type: "checkbox",
+			icon: S,
+			checkedIcon: S,
+			ref: t,
+			ownerState: f,
+			...d,
+			classes: {
+				...p,
+				root: p.switchBase
+			},
+			slots: {
+				...l.switchBase && { root: l.switchBase },
+				...l.input && { input: l.input }
+			},
+			slotProps: {
+				...u.switchBase && { root: typeof u.switchBase == "function" ? u.switchBase(f) : u.switchBase },
+				input: x(typeof h == "function" ? h(f) : h, { role: "switch" })
+			}
+		}), /*#__PURE__*/ B(C, { ...w })]
+	});
+}), W = /* @__PURE__ */ e(a(), 1), G = /* @__PURE__ */ e(pe(), 1), it = _(Ie)(() => ({ "& .MuiFormControlLabel-label": {
+	left: "-5px",
+	position: "relative"
+} })), at = _(A)(() => ({ color: `${T.tertiary()} !important` })), ot = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ B(it, {
+	value: t,
+	control: /* @__PURE__ */ B(at, {
+		checked: n,
+		onChange: r
+	}),
+	label: e
+});
+ot.propTypes = {
+	label: G.default.string,
+	value: G.default.string,
+	checked: G.default.bool,
+	onChange: G.default.func
+};
+//#endregion
+//#region ../../lib-react/config-ui/dist/tabs/index.js
+var st = _(ne)(() => ({})), ct = class extends z.Component {
+	static propTypes = {
+		className: G.default.string,
+		contentClassName: G.default.string,
+		contentStyle: G.default.object,
+		children: G.default.oneOfType([G.default.arrayOf(G.default.node), G.default.node]).isRequired
+	};
+	constructor(e) {
+		super(e), this.state = { value: 0 };
+	}
+	handleChange = (e, t) => {
+		this.setState({ value: t });
+	};
+	render() {
+		let { value: e } = this.state, { children: t, className: n, contentClassName: r, contentStyle: i = {} } = this.props;
+		return /* @__PURE__ */ V("div", {
+			className: n,
+			children: [/* @__PURE__ */ B(ce, {
+				indicatorColor: "primary",
+				value: e,
+				onChange: this.handleChange,
+				children: z.Children.map(t, (e, t) => e && e.props.title ? /* @__PURE__ */ B(st, { label: e.props.title }, t) : null)
+			}), /* @__PURE__ */ B("div", {
+				className: r,
+				style: i,
+				children: t[e]
+			})]
+		});
+	}
+}, lt = _(Ie)(({ theme: e, mini: t }) => ({
+	margin: 0,
+	marginLeft: 0,
+	padding: 0,
+	"& .MuiFormControlLabel-label": {
+		fontSize: e.typography.fontSize - 1,
+		transform: "translate(-4%, 2%)",
+		color: "rgba(0,0,0,1.0)",
+		...t && {
+			marginLeft: e.spacing(1),
+			color: D[700],
+			fontSize: e.typography.fontSize - 3
+		}
+	}
+})), ut = _(je)(({ theme: e, mini: t, error: n }) => ({
+	color: `${T.tertiary()} !important`,
+	...t && {
+		margin: 0,
+		padding: 0,
+		width: e.spacing(3),
+		height: e.spacing(3)
+	},
+	...n && { color: `${e.palette.error.main} !important` }
+})), dt = ({ mini: e, checked: t, onChange: n, value: r, label: i, error: a }) => /* @__PURE__ */ B(lt, {
+	mini: e,
+	control: /* @__PURE__ */ B(ut, {
+		checked: t,
+		onChange: n,
+		value: r,
+		mini: e,
+		error: a
+	}),
+	label: i
+});
+dt.propTypes = {
+	mini: G.default.bool,
+	checked: G.default.bool.isRequired,
+	onChange: G.default.func.isRequired,
+	value: G.default.string,
+	label: G.default.string.isRequired,
+	error: G.default.bool
+}, dt.defaultProps = {
+	value: "",
+	mini: !1,
+	error: !1
+};
+//#endregion
+//#region ../../lib-react/config-ui/dist/number-text-field.js
+var ft = (0, W.default)("@pie-lib:config-ui:number-text-field"), pt = _(F)(({ theme: e }) => ({
+	marginRight: e.spacing(1),
+	"& .MuiInputLabel-root": {
+		width: "auto",
+		minWidth: "max-content",
+		maxWidth: "none",
+		whiteSpace: "nowrap",
+		overflow: "visible",
+		transform: "translate(0, 8px) scale(0.75)",
+		transformOrigin: "top left",
+		position: "relative"
+	},
+	"& .MuiInputBase-root, & .MuiInput-root, & .MuiFilledInput-root, & .MuiOutlinedInput-root": {
+		height: "auto",
+		minHeight: "auto",
+		marginTop: 0
+	},
+	"& .MuiInputBase-input": {
+		height: "auto",
+		minHeight: "auto",
+		padding: "6px 0 7px"
+	}
+})), mt = (e, t) => {
+	if (!i(e) && !i(t)) return 0;
+	if (!i(e) && i(t)) return t;
+	if (i(e)) return e;
+}, ht = class extends z.Component {
+	static propTypes = {
+		disabled: G.default.bool,
+		className: G.default.string,
+		inputClassName: G.default.string,
+		onChange: G.default.func.isRequired,
+		value: G.default.number,
+		min: G.default.number,
+		max: G.default.number,
+		label: G.default.string,
+		suffix: G.default.string,
+		showErrorWhenOutsideRange: G.default.bool,
+		disableUnderline: G.default.bool,
+		variant: G.default.string
+	};
+	static defaultProps = { showErrorWhenOutsideRange: !1 };
+	constructor(e) {
+		super(e);
+		let t = this.clamp(e.value);
+		this.state = { value: t }, t !== e.value && this.props.onChange({}, t), this.onChange = this.onChange.bind(this);
+	}
+	UNSAFE_componentWillReceiveProps(e) {
+		let t = this.clamp(e.value, e.min, e.max);
+		this.setState({ value: t });
+	}
+	clamp(e, t = this.props.min, n = this.props.max) {
+		return i(e) ? (i(n) && (e = Math.min(e, n)), i(t) && (e = Math.max(e, t)), e) : mt(t, n);
+	}
+	onBlur = (e) => {
+		let t = e.target.value, n = parseFloat(t);
+		ft("rawNumber: ", n);
+		let r = this.clamp(n);
+		ft("number: ", r), r !== this.state.value && (ft("trigger update..."), this.setState({ value: r.toString() }, () => {
+			this.props.onChange(e, r);
+		}));
+	};
+	onChange(e) {
+		let t = e.target.value;
+		this.setState({ value: t });
+	}
+	errorMessage = () => {
+		let { min: e, max: t } = this.props;
+		if (e && t) return `The value must be between ${e} and ${t}`;
+		if (e) return `The value must be greater than ${e}`;
+		if (t) return `The value must be less than ${t}`;
+	};
+	getError = () => {
+		let { value: e } = this.state, t = parseFloat(e);
+		if (this.clamp(t) !== t) return this.errorMessage();
+	};
+	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__ */ B(pt, {
+			variant: s ? "filled" : l || "standard",
+			inputRef: (e) => {
+				this.inputRef = e;
+			},
+			disabled: n,
+			label: t,
+			InputLabelProps: { shrink: !0 },
+			value: this.state.value,
+			error: !!u,
+			helperText: u,
+			onChange: this.onChange,
+			onBlur: this.onBlur,
+			onKeyDown: (e) => {
+				e.key === "Enter" && this.inputRef && this.inputRef.blur();
+			},
+			type: "number",
+			className: e,
+			slotProps: { input: {
+				endAdornment: r && /* @__PURE__ */ B(qe, {
+					position: "end",
+					children: r
+				}),
+				className: o,
+				inputProps: {
+					min: i,
+					max: a
+				}
+			} },
+			margin: "normal"
+		});
+	}
+}, gt = (e) => typeof e == "object" && !!e && typeof e.n == "number" && typeof e.d == "number", K = (e) => {
+	if (typeof e == "number") return e;
+	if (gt(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);
+}, _t = v(/*#__PURE__*/ B("path", { d: "M19 13H5v-2h14z" }), "Remove"), vt = v(/*#__PURE__*/ B("path", { d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z" }), "Add"), yt = _(F)(() => ({
+	"& input[type=number]": { MozAppearance: "textfield" },
+	"& input[type=number]::-webkit-outer-spin-button": {
+		WebkitAppearance: "none",
+		margin: 0
+	},
+	"& input[type=number]::-webkit-inner-spin-button": {
+		WebkitAppearance: "none",
+		margin: 0
+	}
+})), bt = _(ee)(() => ({ padding: "2px" })), xt = (e, t) => {
+	if (!i(e) && !i(t)) return 0;
+	if (!i(e) && i(t)) return t;
+	if (i(e)) return e;
+}, q = class extends z.Component {
+	static propTypes = {
+		className: G.default.string,
+		customValues: G.default.array,
+		disabled: G.default.bool,
+		error: G.default.bool,
+		inputClassName: G.default.string,
+		helperText: G.default.string,
+		onChange: G.default.func.isRequired,
+		onlyIntegersAllowed: G.default.bool,
+		value: G.default.any,
+		min: G.default.number,
+		max: G.default.number,
+		step: G.default.number,
+		label: G.default.string,
+		disableUnderline: G.default.bool,
+		textAlign: G.default.string,
+		variant: G.default.string,
+		type: G.default.string
+	};
+	static defaultProps = {
+		step: 1,
+		customValues: [],
+		textAlign: "center",
+		variant: "standard",
+		onlyIntegersAllowed: !1
+	};
+	constructor(e) {
+		super(e);
+		let { value: t, currentIndex: n } = this.normalizeValueAndIndex(e.customValues, e.value);
+		this.state = {
+			value: t,
+			currentIndex: n
+		}, t !== e.value && this.props.onChange({}, t), this.onChange = this.onChange.bind(this);
+	}
+	UNSAFE_componentWillReceiveProps(e) {
+		let { value: t, currentIndex: n } = this.normalizeValueAndIndex(e.customValues, e.value, e.min, e.max);
+		this.setState({
+			value: t,
+			currentIndex: n
+		});
+	}
+	clamp(e, t = this.props.min, n = this.props.max) {
+		let { customValues: r } = this.props;
+		return (r || []).length > 0 ? e : i(e) ? (i(n) && (e = Math.min(e, n)), i(t) && (e = Math.max(e, t)), e) : xt(t, n);
+	}
+	normalizeValueAndIndex = (e, t, n, r) => {
+		let { type: i } = this.props, a = this.clamp(t, n, r), o = (e || []).findIndex((e) => e === a);
+		if ((e || []).length > 0 && o === -1) {
+			let t = i === "text" ? this.getClosestFractionValue(e, a) : this.getClosestValue(e, a);
+			return {
+				value: t.value,
+				currentIndex: t.index
+			};
+		}
+		return {
+			value: a,
+			currentIndex: o
+		};
+	};
+	getClosestValue = (e, t) => e.reduce((e, n, r) => Math.abs(n - t) < Math.abs(e.value - t) ? {
+		value: n,
+		index: r
+	} : e, {
+		value: e[0],
+		index: 0
+	});
+	getClosestFractionValue = (e, t) => e.reduce((e, n, r) => Math.abs(K(n) - K(t)) < Math.abs(K(e.value) - K(t)) ? {
+		value: n,
+		index: r
+	} : e, {
+		value: e[0],
+		index: 0
+	});
+	getValidFraction = (e) => {
+		if (this.isPositiveInteger(e.trim())) return e.trim();
+		if (e.trim() === "" || e.trim().split("/").length !== 2) return !1;
+		let [t, n] = e.trim().split("/");
+		return isNaN(t) || isNaN(n) || (t = parseFloat(t), n = parseFloat(n), !Number.isInteger(t) || !Number.isInteger(n)) || t < 0 || n < 1 ? !1 : t + "/" + n;
+	};
+	isPositiveInteger = (e) => e >>> 0 === parseFloat(e);
+	onBlur = (e) => {
+		let { customValues: t, onlyIntegersAllowed: n, type: r } = this.props, { value: i } = e.target;
+		r === "text" && (i = this.getValidFraction(i) || this.props.value);
+		let a = n ? Math.round(parseFloat(i)) : parseFloat(i);
+		r === "text" && (a = i.trim());
+		let { value: o, currentIndex: s } = this.normalizeValueAndIndex(t, a);
+		this.setState({
+			value: o.toString(),
+			currentIndex: s
+		}, () => this.props.onChange(e, o));
+	};
+	onChange(e) {
+		let { type: t } = this.props, { value: n } = e.target;
+		t !== "text" && typeof n == "string" && n.trim() === "" || this.setState({ value: n });
+	}
+	changeValue(e, t = 1, n = !1) {
+		e.preventDefault();
+		let { customValues: r, step: i, onlyIntegersAllowed: a, onChange: o } = this.props, { currentIndex: s, value: c } = this.state, l = s + t * 1, u;
+		if (r.length > 0) {
+			if (l < 0 || l >= r.length) return;
+			u = r[l];
+		} else {
+			let e = ((a ? parseInt(c) : parseFloat(c)) * 1e4 + i * t * 1e4) / 1e4;
+			u = this.clamp(e);
+		}
+		this.setState({
+			value: u.toString(),
+			currentIndex: l
+		}, () => {
+			n && o(e, u);
+		});
+	}
+	render() {
+		let { className: e, label: t, disabled: n, error: r, min: a, max: o, customValues: s, inputClassName: c, disableUnderline: l, helperText: u, variant: d, textAlign: f, type: p = "number" } = this.props, { value: m } = this.state, h = e, g = !1, _ = !1;
+		return s.length > 0 ? (g = m === s[0], _ = m === s[s.length - 1]) : i(a) && i(o) && (g = m === a, _ = m === o), /* @__PURE__ */ B(yt, {
+			variant: d,
+			inputRef: (e) => this.inputRef = e,
+			disabled: n,
+			label: t,
+			value: m,
+			error: r,
+			helperText: u,
+			onChange: this.onChange,
+			onBlur: this.onBlur,
+			onKeyPress: (e) => {
+				e.key === "Enter" && this.inputRef && this.inputRef.blur();
+			},
+			onKeyDown: (e) => {
+				e.key === "ArrowUp" && this.changeValue(e), e.key === "ArrowDown" && this.changeValue(e, -1);
+			},
+			title: "",
+			type: p,
+			className: h,
+			InputProps: {
+				className: c,
+				disableUnderline: l,
+				startAdornment: /* @__PURE__ */ B(qe, {
+					position: "start",
+					children: /* @__PURE__ */ B(bt, {
+						disabled: n || g,
+						onClick: (e) => this.changeValue(e, -1, !0),
+						size: "large",
+						children: /* @__PURE__ */ B(_t, { fontSize: "small" })
+					})
+				}),
+				endAdornment: /* @__PURE__ */ B(qe, {
+					position: "end",
+					children: /* @__PURE__ */ B(bt, {
+						disabled: n || _,
+						onClick: (e) => this.changeValue(e, 1, !0),
+						size: "large",
+						children: /* @__PURE__ */ B(vt, { fontSize: "small" })
+					})
+				})
+			},
+			inputProps: {
+				style: { textAlign: f },
+				min: a,
+				max: o
+			}
+		});
+	}
+};
+//#endregion
+//#region ../../lib-react/config-ui/dist/two-choice.js
+function J(e) {
+	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
+}
+function St(e, t) {
+	return !e || J(e) ? e : J(e.default) ? e.default : t && J(e[t]) ? e[t] : t && J(e[t]?.default) ? e[t].default : e;
+}
+var Ct = St(d, "InputContainer") || St(Et.InputContainer, "InputContainer"), wt = ge, Tt = wt.default, Et = Tt && typeof Tt == "object" ? Tt : wt, Dt = _("div")(({ theme: e, direction: t }) => ({
+	display: "flex",
+	flexWrap: "wrap",
+	paddingLeft: 0,
+	marginTop: e.spacing(1),
+	...t === "vertical" && { flexDirection: "column" }
+})), Ot = class extends z.Component {
+	static propTypes = {
+		header: G.default.string.isRequired,
+		className: G.default.string,
+		customLabel: G.default.func,
+		opts: G.default.array.isRequired,
+		value: G.default.string,
+		onChange: G.default.func.isRequired,
+		direction: G.default.oneOf(["horizontal", "vertical"])
+	};
+	handleChange = (e) => {
+		this.props.onChange(e.currentTarget.value);
+	};
+	render() {
+		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 || ot;
+		return /* @__PURE__ */ B(Ct, {
+			label: e,
+			className: t,
+			children: /* @__PURE__ */ B(Dt, {
+				direction: a,
+				children: o.map((e, t) => /* @__PURE__ */ B(s, {
+					value: e.value,
+					checked: e.value === i,
+					onChange: this.handleChange,
+					label: e.label
+				}, t))
+			})
+		});
+	}
+}, kt = G.default.shape({
+	label: G.default.string,
+	value: G.default.string
+});
+(class extends z.Component {
+	static propTypes = {
+		header: G.default.string.isRequired,
+		value: G.default.string.isRequired,
+		onChange: G.default.func.isRequired,
+		one: G.default.oneOfType([kt, G.default.string]),
+		two: G.default.oneOfType([kt, G.default.string]),
+		className: G.default.string,
+		customLabel: G.default.func
+	};
+	render() {
+		let { one: e, two: t, header: n, className: r, customLabel: i, value: a, onChange: o } = this.props;
+		return /* @__PURE__ */ B(Ot, {
+			customLabel: i,
+			header: n,
+			className: r,
+			opts: [e, t],
+			value: a,
+			onChange: o
+		});
+	}
+});
+//#endregion
+//#region ../../lib-react/config-ui/dist/_virtual/_rolldown/runtime.js
+var At = Object.defineProperty, jt = (e, t) => {
+	let n = {};
+	for (var r in e) At(n, r, {
+		get: e[r],
+		enumerable: !0
+	});
+	return t || At(n, Symbol.toStringTag, { value: "Module" }), n;
+}, Mt = _("div")(() => ({
+	display: "flex",
+	flexDirection: "column",
+	position: "relative"
+})), Nt = _("div")(() => ({
+	display: "flex",
+	justifyContent: "space-between"
+})), Pt = _("div")(({ theme: e }) => ({ padding: `${e.spacing(2)} 0` })), Ft = _("div")(() => ({ flex: "1" })), It = _("div")(({ theme: e }) => ({ marginLeft: e.spacing(2) })), Lt = class extends z.Component {
+	static propTypes = {
+		mode: G.default.oneOf(["tabbed", "inline"]),
+		secondary: G.default.oneOfType([G.default.arrayOf(G.default.node), G.default.node]),
+		children: G.default.oneOfType([G.default.arrayOf(G.default.node), G.default.node]),
+		dimensions: G.default.object
+	};
+	getConfiguration = () => {
+		let { secondary: e } = this.props;
+		return e?.props?.configuration || e?.props?.children?.props?.configuration || void 0;
+	};
+	render() {
+		let { mode: e, secondary: t, children: n, dimensions: r } = this.props, { minHeight: i, minWidth: a, maxHeight: o, maxWidth: s } = r || {}, c = this.getConfiguration(), l = Object.entries(c || {}).some(([, e]) => !!e?.settings);
+		if (!l) try {
+			l = JSON.stringify(c)?.match(/settings":true/)?.length;
+		} catch (e) {
+			console.log(e.toString());
+		}
+		return /* @__PURE__ */ V(Mt, {
+			style: {
+				minHeight: i,
+				minWidth: a,
+				maxHeight: o,
+				maxWidth: s
+			},
+			children: [
+				e === "inline" && /* @__PURE__ */ V(Nt, { children: [/* @__PURE__ */ B(Ft, {
+					className: "design-container",
+					children: n
+				}), l && /* @__PURE__ */ B(It, {
+					className: "settings-container",
+					children: t
+				})] }),
+				e === "tabbed" && l && /* @__PURE__ */ V(ct, {
+					onChange: this.onTabsChange,
+					contentClassName: "content-container",
+					indicatorColor: "primary",
+					children: [/* @__PURE__ */ B(Pt, {
+						title: "Design",
+						className: "design-container",
+						children: n
+					}), /* @__PURE__ */ B(Pt, {
+						title: "Settings",
+						className: "settings-container",
+						children: t
+					})]
+				}),
+				e === "tabbed" && !l && /* @__PURE__ */ B(Pt, {
+					className: "design-container",
+					children: n
+				})
+			]
+		});
+	}
+};
+//#endregion
+//#region ../../lib-react/config-ui/dist/node_modules/.bun/@babel_runtime@7.29.7/node_modules/@babel/runtime/helpers/esm/extends.js
+function Rt() {
+	return Rt = 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;
+	}, Rt.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 zt(e, t) {
+	if (e == null) return {};
+	var n = {};
+	for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
+		if (t.indexOf(r) !== -1) continue;
+		n[r] = e[r];
+	}
+	return n;
+}
+//#endregion
+//#region ../../lib-react/config-ui/dist/node_modules/.bun/@babel_runtime@7.29.7/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js
+function Bt(e, t) {
+	return Bt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+		return e.__proto__ = t, e;
+	}, Bt(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 Vt(e, t) {
+	e.prototype = Object.create(t.prototype), e.prototype.constructor = e, Bt(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 Ht = (function() {
+	if (typeof Map < "u") return Map;
+	function e(e, t) {
+		var n = -1;
+		return e.some(function(e, r) {
+			return e[0] === t ? (n = r, !0) : !1;
+		}), n;
+	}
+	return function() {
+		function t() {
+			this.__entries__ = [];
+		}
+		return Object.defineProperty(t.prototype, "size", {
+			get: function() {
+				return this.__entries__.length;
+			},
+			enumerable: !0,
+			configurable: !0
+		}), t.prototype.get = function(t) {
+			var n = e(this.__entries__, t), r = this.__entries__[n];
+			return r && r[1];
+		}, t.prototype.set = function(t, n) {
+			var r = e(this.__entries__, t);
+			~r ? this.__entries__[r][1] = n : this.__entries__.push([t, n]);
+		}, t.prototype.delete = function(t) {
+			var n = this.__entries__, r = e(n, t);
+			~r && n.splice(r, 1);
+		}, t.prototype.has = function(t) {
+			return !!~e(this.__entries__, t);
+		}, t.prototype.clear = function() {
+			this.__entries__.splice(0);
+		}, t.prototype.forEach = function(e, t) {
+			t === void 0 && (t = null);
+			for (var n = 0, r = this.__entries__; n < r.length; n++) {
+				var i = r[n];
+				e.call(t, i[1], i[0]);
+			}
+		}, t;
+	}();
+})(), Ut = typeof window < "u" && typeof document < "u" && window.document === document, Y = (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")();
+})(), Wt = (function() {
+	return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(Y) : function(e) {
+		return setTimeout(function() {
+			return e(Date.now());
+		}, 1e3 / 60);
+	};
+})(), Gt = 2;
+function Kt(e, t) {
+	var n = !1, r = !1, i = 0;
+	function a() {
+		n && (n = !1, e()), r && s();
+	}
+	function o() {
+		Wt(a);
+	}
+	function s() {
+		var e = Date.now();
+		if (n) {
+			if (e - i < Gt) return;
+			r = !0;
+		} else n = !0, r = !1, setTimeout(o, t);
+		i = e;
+	}
+	return s;
+}
+var qt = 20, Jt = [
+	"top",
+	"right",
+	"bottom",
+	"left",
+	"width",
+	"height",
+	"size",
+	"weight"
+], Yt = typeof MutationObserver < "u", Xt = function() {
+	function e() {
+		this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = Kt(this.refresh.bind(this), qt);
+	}
+	return e.prototype.addObserver = function(e) {
+		~this.observers_.indexOf(e) || this.observers_.push(e), this.connected_ || this.connect_();
+	}, e.prototype.removeObserver = function(e) {
+		var t = this.observers_, n = t.indexOf(e);
+		~n && t.splice(n, 1), !t.length && this.connected_ && this.disconnect_();
+	}, e.prototype.refresh = function() {
+		this.updateObservers_() && this.refresh();
+	}, e.prototype.updateObservers_ = function() {
+		var e = this.observers_.filter(function(e) {
+			return e.gatherActive(), e.hasActive();
+		});
+		return e.forEach(function(e) {
+			return e.broadcastActive();
+		}), e.length > 0;
+	}, e.prototype.connect_ = function() {
+		!Ut || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), Yt ? (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() {
+		!Ut || !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;
+		Jt.some(function(e) {
+			return !!~n.indexOf(e);
+		}) && this.refresh();
+	}, e.getInstance = function() {
+		return this.instance_ ||= new e(), this.instance_;
+	}, e.instance_ = null, e;
+}(), Zt = (function(e, t) {
+	for (var n = 0, r = Object.keys(t); n < r.length; n++) {
+		var i = r[n];
+		Object.defineProperty(e, i, {
+			value: t[i],
+			enumerable: !1,
+			writable: !1,
+			configurable: !0
+		});
+	}
+	return e;
+}), X = (function(e) {
+	return e && e.ownerDocument && e.ownerDocument.defaultView || Y;
+}), Qt = ln(0, 0, 0, 0);
+function $t(e) {
+	return parseFloat(e) || 0;
+}
+function en(e) {
+	return [...arguments].slice(1).reduce(function(t, n) {
+		var r = e["border-" + n + "-width"];
+		return t + $t(r);
+	}, 0);
+}
+function tn(e) {
+	for (var t = [
+		"top",
+		"right",
+		"bottom",
+		"left"
+	], n = {}, r = 0, i = t; r < i.length; r++) {
+		var a = i[r], o = e["padding-" + a];
+		n[a] = $t(o);
+	}
+	return n;
+}
+function nn(e) {
+	var t = e.getBBox();
+	return ln(0, 0, t.width, t.height);
+}
+function rn(e) {
+	var t = e.clientWidth, n = e.clientHeight;
+	if (!t && !n) return Qt;
+	var r = X(e).getComputedStyle(e), i = tn(r), a = i.left + i.right, o = i.top + i.bottom, s = $t(r.width), c = $t(r.height);
+	if (r.boxSizing === "border-box" && (Math.round(s + a) !== t && (s -= en(r, "left", "right") + a), Math.round(c + o) !== n && (c -= en(r, "top", "bottom") + o)), !on(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 ln(i.left, i.top, s, c);
+}
+var an = (function() {
+	return typeof SVGGraphicsElement < "u" ? function(e) {
+		return e instanceof X(e).SVGGraphicsElement;
+	} : function(e) {
+		return e instanceof X(e).SVGElement && typeof e.getBBox == "function";
+	};
+})();
+function on(e) {
+	return e === X(e).document.documentElement;
+}
+function sn(e) {
+	return Ut ? an(e) ? nn(e) : rn(e) : Qt;
+}
+function cn(e) {
+	var t = e.x, n = e.y, r = e.width, i = e.height, a = Object.create((typeof DOMRectReadOnly < "u" ? DOMRectReadOnly : Object).prototype);
+	return Zt(a, {
+		x: t,
+		y: n,
+		width: r,
+		height: i,
+		top: n,
+		right: t + r,
+		bottom: i + n,
+		left: t
+	}), a;
+}
+function ln(e, t, n, r) {
+	return {
+		x: e,
+		y: t,
+		width: n,
+		height: r
+	};
+}
+var un = function() {
+	function e(e) {
+		this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = ln(0, 0, 0, 0), this.target = e;
+	}
+	return e.prototype.isActive = function() {
+		var e = sn(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;
+}(), dn = function() {
+	function e(e, t) {
+		var n = cn(t);
+		Zt(this, {
+			target: e,
+			contentRect: n
+		});
+	}
+	return e;
+}(), fn = function() {
+	function e(e, t, n) {
+		if (this.activeObservations_ = [], this.observations_ = new Ht(), typeof e != "function") throw TypeError("The callback provided as parameter 1 is not a function.");
+		this.callback_ = e, this.controller_ = t, this.callbackCtx_ = n;
+	}
+	return e.prototype.observe = function(e) {
+		if (!arguments.length) throw TypeError("1 argument required, but only 0 present.");
+		if (!(typeof Element > "u" || !(Element instanceof Object))) {
+			if (!(e instanceof X(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
+			var t = this.observations_;
+			t.has(e) || (t.set(e, new un(e)), this.controller_.addObserver(this), this.controller_.refresh());
+		}
+	}, e.prototype.unobserve = function(e) {
+		if (!arguments.length) throw TypeError("1 argument required, but only 0 present.");
+		if (!(typeof Element > "u" || !(Element instanceof Object))) {
+			if (!(e instanceof X(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
+			var t = this.observations_;
+			t.has(e) && (t.delete(e), t.size || this.controller_.removeObserver(this));
+		}
+	}, e.prototype.disconnect = function() {
+		this.clearActive(), this.observations_.clear(), this.controller_.removeObserver(this);
+	}, e.prototype.gatherActive = function() {
+		var e = this;
+		this.clearActive(), this.observations_.forEach(function(t) {
+			t.isActive() && e.activeObservations_.push(t);
+		});
+	}, e.prototype.broadcastActive = function() {
+		if (this.hasActive()) {
+			var e = this.callbackCtx_, t = this.activeObservations_.map(function(e) {
+				return new dn(e.target, e.broadcastRect());
+			});
+			this.callback_.call(e, t, e), this.clearActive();
+		}
+	}, e.prototype.clearActive = function() {
+		this.activeObservations_.splice(0);
+	}, e.prototype.hasActive = function() {
+		return this.activeObservations_.length > 0;
+	}, e;
+}(), pn = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new Ht(), mn = 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 fn(t, Xt.getInstance(), this);
+		pn.set(this, n);
+	}
+	return e;
+}();
+[
+	"observe",
+	"unobserve",
+	"disconnect"
+].forEach(function(e) {
+	mn.prototype[e] = function() {
+		var t;
+		return (t = pn.get(this))[e].apply(t, arguments);
+	};
+});
+var hn = (function() {
+	return Y.ResizeObserver === void 0 ? mn : Y.ResizeObserver;
+})(), gn = [
+	"client",
+	"offset",
+	"scroll",
+	"bounds",
+	"margin"
+];
+function _n(e) {
+	var t = [];
+	return gn.forEach(function(n) {
+		e[n] && t.push(n);
+	}), t;
+}
+function vn(e, t) {
+	var n = {};
+	if (t.indexOf("client") > -1 && (n.client = {
+		top: e.clientTop,
+		left: e.clientLeft,
+		width: e.clientWidth,
+		height: e.clientHeight
+	}), t.indexOf("offset") > -1 && (n.offset = {
+		top: e.offsetTop,
+		left: e.offsetLeft,
+		width: e.offsetWidth,
+		height: e.offsetHeight
+	}), t.indexOf("scroll") > -1 && (n.scroll = {
+		top: e.scrollTop,
+		left: e.scrollLeft,
+		width: e.scrollWidth,
+		height: e.scrollHeight
+	}), t.indexOf("bounds") > -1) {
+		var r = e.getBoundingClientRect();
+		n.bounds = {
+			top: r.top,
+			right: r.right,
+			bottom: r.bottom,
+			left: r.left,
+			width: r.width,
+			height: r.height
+		};
+	}
+	if (t.indexOf("margin") > -1) {
+		var i = getComputedStyle(e);
+		n.margin = {
+			top: i ? parseInt(i.marginTop) : 0,
+			right: i ? parseInt(i.marginRight) : 0,
+			bottom: i ? parseInt(i.marginBottom) : 0,
+			left: i ? parseInt(i.marginLeft) : 0
+		};
+	}
+	return n;
+}
+function yn(e) {
+	return e && e.ownerDocument && e.ownerDocument.defaultView || window;
+}
+function bn(e) {
+	return function(t) {
+		var n, r;
+		return r = n = /*#__PURE__*/ function(n) {
+			Vt(r, n);
+			function r() {
+				var t, r = [...arguments];
+				return t = n.call.apply(n, [this].concat(r)) || this, t.state = { contentRect: {
+					entry: {},
+					client: {},
+					offset: {},
+					scroll: {},
+					bounds: {},
+					margin: {}
+				} }, t._animationFrameID = null, t._resizeObserver = null, t._node = null, t._window = null, t.measure = function(n) {
+					var r = vn(t._node, e || _n(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 = yn(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 hn(this.measure), this._node !== null && (this._resizeObserver.observe(this._node), typeof this.props.onResize == "function" && this.props.onResize(vn(this._node, e || _n(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, ve(t, Rt({}, zt(e, ["innerRef", "onResize"]), {
+					measureRef: this._handleRef,
+					measure: this.measure,
+					contentRect: this.state.contentRect
+				}));
+			}, r;
+		}(_e), n.propTypes = {
+			client: G.default.bool,
+			offset: G.default.bool,
+			scroll: G.default.bool,
+			bounds: G.default.bool,
+			margin: G.default.bool,
+			innerRef: G.default.oneOfType([G.default.object, G.default.func]),
+			onResize: G.default.func
+		}, r;
+	};
+}
+var xn = bn()(function(e) {
+	var t = e.measure, n = e.measureRef, r = e.contentRect, i = e.children;
+	return i({
+		measure: t,
+		measureRef: n,
+		contentRect: r
+	});
+});
+xn.displayName = "Measure", xn.propTypes.children = G.default.func;
+//#endregion
+//#region ../../lib-react/config-ui/dist/layout/settings-box.js
+var Sn = _("div")(() => ({
+	backgroundColor: T.white(),
+	border: `2px solid ${T.border()}`,
+	display: "flex",
+	flexDirection: "column",
+	justifyContent: "flex-start",
+	minWidth: "275px",
+	maxWidth: "300px",
+	padding: "20px 4px 4px 20px",
+	zIndex: 99
+})), Cn = class extends z.Component {
+	static propTypes = {
+		className: G.default.string,
+		children: G.default.oneOfType([G.default.arrayOf(G.default.node), G.default.node]).isRequired
+	};
+	static defaultProps = {};
+	render() {
+		let { className: e, children: t } = this.props;
+		return /* @__PURE__ */ B(Sn, {
+			className: e,
+			children: t
+		});
+	}
+}, wn = g({
+	typography: { fontFamily: "inherit" },
+	components: { MuiButton: { styleOverrides: { contained: {
+		backgroundColor: "#e0e0e0",
+		color: "#000000",
+		"&:hover": { backgroundColor: "#bdbdbd" }
+	} } } }
+}), Tn = class extends z.Component {
+	static propTypes = {
+		children: G.default.oneOfType([
+			G.default.string,
+			G.default.arrayOf(G.default.element),
+			G.default.element
+		]),
+		className: G.default.string,
+		dimensions: G.default.object,
+		settings: G.default.element,
+		sidePanelMinWidth: G.default.number,
+		hideSettings: G.default.bool,
+		extraCSSRules: G.default.shape({
+			names: G.default.arrayOf(G.default.string),
+			rules: G.default.string
+		})
+	};
+	static defaultProps = {
+		sidePanelMinWidth: 1135,
+		hideSettings: !1,
+		dimensions: {}
+	};
+	constructor(...e) {
+		super(...e), this.state = { layoutMode: void 0 };
+	}
+	onResize = (e) => {
+		let { bounds: t } = e, { sidePanelMinWidth: n, dimensions: r } = this.props, { maxWidth: i } = r || {}, a = t.width > n && (!i || i > n) ? "inline" : "tabbed";
+		a !== this.state.layoutMode && this.setState({ layoutMode: a });
+	};
+	render() {
+		return /* @__PURE__ */ B(te, {
+			injectFirst: !0,
+			children: /* @__PURE__ */ B(p, {
+				theme: wn,
+				children: /* @__PURE__ */ B(xn, {
+					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__ */ B(Cn, {
+							className: "settings-box",
+							children: n
+						}) : n;
+						return /* @__PURE__ */ V("div", {
+							ref: e,
+							className: "main-container extraCSSRules",
+							children: [a?.rules ? /* @__PURE__ */ B("style", { dangerouslySetInnerHTML: { __html: `.extraCSSRules { ${a.rules} }` } }) : null, /* @__PURE__ */ B(Lt, {
+								mode: o,
+								secondary: s,
+								dimensions: i,
+								children: t
+							})]
+						});
+					}
+				})
+			})
+		});
+	}
+}, En = bn("bounds")(Tn), Dn = /* @__PURE__ */ jt({
+	ConfigLayout: () => En,
+	LayoutContents: () => Lt
+}), On = _("div")(() => ({
+	display: "flex",
+	width: "100%",
+	justifyContent: "space-between"
+})), kn = _(u)(({ theme: e }) => ({
+	color: "rgba(0, 0, 0, 0.89)",
+	fontSize: e.typography.fontSize,
+	paddingTop: e.spacing(2)
+})), An = _(rt)(({ checked: e }) => ({
+	"&.Mui-checked .MuiSwitch-thumb": { color: `${T.tertiary()} !important` },
+	"&.Mui-checked .MuiSwitch-track": { backgroundColor: `${T.tertiaryLight()} !important` },
+	"& .MuiSwitch-track": { backgroundColor: e ? `${T.tertiaryLight()} !important` : void 0 }
+})), jn = ({ checked: e, disabled: t, label: n, toggle: r }) => /* @__PURE__ */ V(On, { children: [/* @__PURE__ */ B(kn, { children: n }), /* @__PURE__ */ B(An, {
+	checked: e,
+	disabled: t,
+	onChange: (e) => r(e.target.checked)
+})] });
+jn.propTypes = {
+	checked: G.default.bool,
+	disabled: G.default.bool,
+	label: G.default.string.isRequired,
+	toggle: G.default.func.isRequired
+};
+//#endregion
+//#region ../../lib-react/config-ui/dist/settings/settings-radio-label.js
+var Mn = _(Ie)(({ theme: e }) => ({ "& .MuiFormControlLabel-label": {
+	color: "rgba(0, 0, 0, 0.89)",
+	fontSize: e.typography.fontSize - 2,
+	left: "-5px",
+	position: "relative"
+} })), Nn = _(A)(() => ({ color: `${T.tertiary()} !important` })), Pn = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ B(Mn, {
+	value: t,
+	control: /* @__PURE__ */ B(Nn, {
+		checked: n,
+		onChange: r
+	}),
+	label: e
+});
+Pn.propTypes = {
+	label: G.default.string,
+	value: G.default.string,
+	checked: G.default.bool,
+	onChange: G.default.func
+};
+//#endregion
+//#region ../../lib-react/config-ui/dist/settings/panel.js
+var Fn = (0, W.default)("pie-lib:config-ui:settings:panel"), In = {
+	label: G.default.string,
+	value: G.default.string
+}, Z = {
+	label: G.default.string,
+	value: G.default.string,
+	onChange: G.default.func
+}, Ln = ({ label: e, value: t, onChange: n }) => /* @__PURE__ */ B(dt, {
+	checked: t,
+	label: e,
+	onChange: (e) => {
+		n(e.target.checked);
+	}
+});
+Ln.propTypes = {
+	label: G.default.string,
+	value: G.default.bool,
+	onChange: G.default.func
+};
+var Rn = _(Ot)(({ theme: e }) => ({
+	marginTop: e.spacing(.5),
+	paddingBottom: e.spacing(.5),
+	width: "100%",
+	"& > label": {
+		color: "rgba(0, 0, 0, 0.89)",
+		transform: "translate(0, 10px) scale(1)",
+		fontSize: "18px",
+		marginTop: e.spacing(2.5)
+	},
+	"& > div": { marginTop: e.spacing(2.5) }
+})), zn = ({ label: e, value: t, onChange: n, choices: r }) => /* @__PURE__ */ B(Rn, {
+	direction: "horizontal",
+	customLabel: Pn,
+	value: t,
+	header: e,
+	opts: r,
+	onChange: n
+});
+zn.propTypes = {
+	...Z,
+	choices: G.default.arrayOf(G.default.shape(In))
+};
+var Bn = zn, Vn = _("p")(({ theme: e }) => ({
+	margin: 0,
+	fontSize: e.typography.fontSize
+})), Hn = _(N)(({ theme: e }) => ({
+	marginTop: e.spacing(.5),
+	border: "2px solid lightgrey",
+	padding: `0 ${e.spacing(1)}`,
+	borderRadius: "4px"
+})), Un = ({ 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__ */ V("div", { children: [e && /* @__PURE__ */ B(Vn, { children: e }), /* @__PURE__ */ B(Hn, {
+		value: t || r && r[0],
+		onChange: ({ target: e }) => n(e.value),
+		input: /* @__PURE__ */ B(he, { id: `dropdown-${e}` }),
+		disableUnderline: !0,
+		MenuProps: { transitionDuration: {
+			enter: 225,
+			exit: 195
+		} },
+		children: r.map((e, t) => /* @__PURE__ */ B(re, {
+			value: a(e),
+			children: i(e)
+		}, t))
+	})] });
+};
+Un.propTypes = {
+	...Z,
+	choices: G.default.arrayOf(G.default.string)
+};
+var Wn = _(I)(({ theme: e }) => ({
+	marginRight: e.spacing(3),
+	marginTop: e.spacing(1)
+})), Gn = ({ label: e }) => /* @__PURE__ */ B(Wn, { children: e }), Kn = _(ht)(({ theme: e }) => ({
+	width: "35%",
+	marginRight: e.spacing(3),
+	marginTop: e.spacing(1),
+	"& .MuiInputBase-root": {
+		marginTop: e.spacing(.5),
+		border: "2px solid lightgrey",
+		borderRadius: "4px",
+		padding: `0 ${e.spacing(1)}`,
+		backgroundColor: "transparent"
+	}
+})), qn = ({ label: e, value: t, onChange: n = () => {}, suffix: r, min: i, max: a }) => /* @__PURE__ */ B(Kn, {
+	variant: "standard",
+	label: e || "Label",
+	value: t,
+	max: a,
+	min: i,
+	onChange: (e, t) => n(t),
+	suffix: r,
+	showErrorWhenOutsideRange: !0,
+	disableUnderline: !0
+});
+qn.propTypes = {
+	...Z,
+	suffix: G.default.string,
+	min: G.default.number,
+	max: G.default.number,
+	value: G.default.number
+}, Gn.propTypes = { ...Z };
+var Jn = ({ disabled: e, label: t, value: n, onChange: r }) => /* @__PURE__ */ B(jn, {
+	label: t,
+	checked: !!n,
+	disabled: !!e,
+	toggle: r
+});
+Jn.propTypes = {
+	...Z,
+	value: G.default.bool
+};
+var Yn = {
+	toggle: Jn,
+	radio: Bn,
+	dropdown: Un,
+	numberField: qn,
+	checkbox: Ln,
+	textField: Gn
+}, Xn = _("div")(({ theme: e }) => ({ margin: `0 0 ${e.spacing(2)} 0` })), Zn = _("div")(({ theme: e }) => ({
+	color: "#495B8F",
+	fontSize: e.typography.fontSize + 2,
+	fontWeight: 600,
+	marginBottom: e.spacing(1)
+})), Qn = _("p")(({ theme: e }) => ({
+	fontSize: e.typography.fontSize,
+	marginBottom: 0
+})), $n = (e) => {
+	let { model: t, label: n, group: r, configuration: i, onChange: a } = e, s = (e, n, r) => {
+		let { isConfigProperty: s, ...c } = o(e, r || n), l = o(s ? i : t, n), u = {
+			...c,
+			key: n,
+			value: l
+		}, d = Yn[u.type];
+		return /* @__PURE__ */ B(d, {
+			...u,
+			onChange: (e) => a(n, e, s)
+		}, n);
+	}, c = (e, t) => {
+		let n = e[t];
+		if (!n) return null;
+		let { type: r, label: i, fields: a, choices: o } = n;
+		return r === "numberFields" ? /* @__PURE__ */ V("div", { children: [/* @__PURE__ */ B(Qn, { children: i }), Object.keys(a).map((n) => s(e, `${t}.${n}`, `${t}.fields.${n}`))] }, `numberField-${i}`) : r === "checkboxes" ? /* @__PURE__ */ V("div", { children: [/* @__PURE__ */ B("p", { children: i }), Object.keys(o).map((n) => s(e, `${t}.${n}`, `${t}.choices.${n}`))] }, `checkbox-${i}`) : s(e, t);
+	};
+	return /* @__PURE__ */ V(Xn, { children: [/* @__PURE__ */ B(Zn, { children: n }), Object.keys(r).map((e) => c(r, e))] });
+};
+$n.propTypes = {
+	model: G.default.object,
+	label: G.default.string,
+	group: G.default.object,
+	configuration: G.default.object,
+	onChange: G.default.func
+};
+var er = class extends z.Component {
+	static propTypes = {
+		model: G.default.object,
+		configuration: G.default.object,
+		groups: G.default.object,
+		onChangeModel: G.default.func,
+		onChangeConfiguration: G.default.func,
+		modal: G.default.object
+	};
+	static defaultProps = {
+		onChangeModel: () => {},
+		onChangeConfiguration: () => {}
+	};
+	change = (e, t, r = !1) => {
+		Fn("[changeModel]", e, t);
+		let { onChangeModel: i, onChangeConfiguration: a } = this.props, o = { ...this.props.model }, s = { ...this.props.configuration };
+		r ? (n(s, e, t), a(s, e)) : (n(o, e, t), i(o, e));
+	};
+	render() {
+		let { groups: e, model: t, configuration: n, modal: r } = this.props;
+		return Fn("render:", t), /* @__PURE__ */ V("div", { children: [Object.keys(e || {}).map((r) => Object.entries(e[r]).some(([, e]) => !!e) ? /* @__PURE__ */ B($n, {
+			label: r,
+			model: t,
+			configuration: n,
+			group: e[r],
+			onChange: this.change
+		}, r) : null), r] });
+	}
+}, tr = /* @__PURE__ */ jt({
+	Panel: () => er,
+	checkbox: () => lr,
+	checkboxes: () => ur,
+	dropdown: () => or,
+	numberField: () => sr,
+	numberFields: () => cr,
+	radio: () => ar,
+	textField: () => nr,
+	toggle: () => rr
+}), nr = (e, t = !0) => ({
+	label: e,
+	type: "textField",
+	isConfigProperty: t
+}), rr = (e, t = !1, n = !1) => ({
+	type: "toggle",
+	label: e,
+	isConfigProperty: t,
+	disabled: n
+}), ir = (e) => typeof e == "string" ? {
+	label: e,
+	value: e
+} : e, ar = function() {
+	let [e, t, n = !1] = Array.prototype.slice.call(arguments);
+	return {
+		type: "radio",
+		label: e,
+		choices: t && t.map((e) => ir(e)),
+		isConfigProperty: n
+	};
+}, or = (e, t, n = !1) => ({
+	type: "dropdown",
+	label: e,
+	choices: t,
+	isConfigProperty: n
+}), sr = (e, t, n = !1) => ({
+	...t,
+	label: e,
+	type: "numberField",
+	isConfigProperty: n
+}), cr = (e, t, n = !1) => (Object.keys(t).map((e) => {
+	t[e] = sr(t[e].label, t[e], n);
+}), {
+	type: "numberFields",
+	label: e,
+	fields: t
+}), lr = (e, t, n = !1) => ({
+	...t,
+	label: e,
+	type: "checkbox",
+	isConfigProperty: n
+}), ur = (e, t, n = !1) => (Object.keys(t).map((e) => {
+	t[e] = lr(t[e].label, t[e], n);
+}), {
+	type: "checkboxes",
+	label: e,
+	choices: t
+});
+//#endregion
+//#region ../../lib-react/config-ui/dist/index.js
+function dr(e) {
+	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
+}
+function fr(e, t) {
+	return !e || dr(e) ? e : dr(e.default) ? e.default : t && dr(e[t]) ? e[t] : t && dr(e[t]?.default) ? e[t].default : e;
+}
+var pr = fr(d, "InputContainer") || fr(gr.InputContainer, "InputContainer"), mr = ge, hr = mr.default, gr = hr && typeof hr == "object" ? hr : mr;
+//#endregion
+//#region ../../lib-react/graphing-solution-set/dist/grid-setup.js
+function _r(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function ue(e, t) {
-	return !e || W(e) ? e : W(e.default) ? e.default : t && W(e[t]) ? e[t] : t && W(e[t]?.default) ? e[t].default : e;
+function vr(e, t) {
+	return !e || _r(e) ? e : _r(e.default) ? e.default : t && _r(e[t]) ? e[t] : t && _r(e[t]?.default) ? e[t].default : e;
 }
-var de = ue(s, "InputContainer") || ue(pe.InputContainer, "InputContainer"), fe = L, G = fe.default, pe = G && typeof G == "object" ? G : fe, me = u("div")(() => ({ width: "450px" })), he = u("div")(() => ({
+var yr = vr(d, "InputContainer") || vr(Sr.InputContainer, "InputContainer"), br = ge, xr = br.default, Sr = xr && typeof xr == "object" ? xr : br, Cr = _("div")(() => ({ width: "450px" })), wr = _("div")(() => ({
 	display: "flex",
 	flexDirection: "column",
 	width: "100%"
-})), K = u("div")(() => ({
+})), Tr = _("div")(() => ({
 	display: "flex",
 	flexDirection: "column",
 	alignItems: "center"
-})), ge = u("div")(() => ({
+})), Er = _("div")(() => ({
 	display: "flex",
 	justifyContent: "space-around",
 	alignItems: "center"
-})), _e = u("div")(({ theme: e }) => ({
+})), Dr = _("div")(({ theme: e }) => ({
 	width: "130px",
 	margin: `${e.spacing(1)} ${e.spacing(.5)}`
-})), q = u("div")(({ theme: e }) => ({
+})), Q = _("div")(({ theme: e }) => ({
 	width: "160px",
 	margin: `${e.spacing(1)} ${e.spacing(.5)}`,
 	"& .MuiFormControl-root": { width: "100%" }
-})), ve = u("div")(({ theme: e }) => ({
+})), Or = _("div")(({ theme: e }) => ({
 	width: "230px",
 	margin: `${e.spacing(1)} ${e.spacing(.5)}`,
 	"& .MuiFormControl-root": { width: "100%" }
-})), ye = u(b)(({ theme: e }) => ({
+})), kr = _(I)(({ theme: e }) => ({
 	fontStyle: "italic",
 	margin: `${e.spacing(1)} 0`
-})), be = u("div")(() => ({
+})), Ar = _("div")(() => ({
 	display: "flex",
 	justifyContent: "space-between",
 	alignItems: "center"
-})), xe = u(b)(() => ({ color: l.disabled() })), Se = u("div")(({ theme: e }) => ({ paddingTop: e.spacing(2) })), J = (e) => {
+})), jr = _(I)(() => ({ color: T.disabled() })), Mr = _("div")(({ theme: e }) => ({ paddingTop: e.spacing(2) })), Nr = (e) => {
 	let { disabled: t, displayedFields: n, labelValue: r, labelValues: i, gridValue: a, gridValues: o, onChange: s } = e, { labelStep: c = {}, step: l = {} } = n;
-	return /* @__PURE__ */ H(K, { children: [l && l.enabled && /* @__PURE__ */ V(q, { children: /* @__PURE__ */ V(y, {
+	return /* @__PURE__ */ V(Tr, { children: [l && l.enabled && /* @__PURE__ */ B(Q, { children: /* @__PURE__ */ B(q, {
 		label: l.label || "",
 		value: a,
 		customValues: o,
 		variant: "outlined",
 		disabled: t,
 		onChange: (e, t) => s("step", t)
-	}) }), c && c.enabled && /* @__PURE__ */ V(q, { children: /* @__PURE__ */ V(y, {
+	}) }), c && c.enabled && /* @__PURE__ */ B(Q, { children: /* @__PURE__ */ B(q, {
 		label: c.label || "",
 		value: r,
 		customValues: i,
@@ -163,23 +2046,23 @@ var de = ue(s, "InputContainer") || ue(pe.InputContainer, "InputContainer"), fe
 		onChange: (e, t) => s("labelStep", t)
 	}) })] });
 };
-J.propTypes = {
-	disabled: U.default.bool,
-	displayedFields: U.default.object,
-	labelValue: U.default.number,
-	labelValues: U.default.array,
-	gridValue: U.default.number,
-	gridValues: U.default.array,
-	onChange: U.default.func
+Nr.propTypes = {
+	disabled: G.default.bool,
+	displayedFields: G.default.object,
+	labelValue: G.default.number,
+	labelValues: G.default.array,
+	gridValue: G.default.number,
+	gridValues: G.default.array,
+	onChange: G.default.func
 };
-var Y = (e) => {
+var Pr = (e) => {
 	let { disabled: t, displayedFields: n, displayHeader: r, label: i, maxValue: a, minValue: o, onChange: s, type: c } = e, { axisLabel: l = {}, min: u = {}, max: d = {} } = n;
-	return /* @__PURE__ */ H(K, { children: [
-		r && /* @__PURE__ */ H(b, {
+	return /* @__PURE__ */ V(Tr, { children: [
+		r && /* @__PURE__ */ V(I, {
 			variant: "subtitle2",
-			children: [/* @__PURE__ */ V("i", { children: c === "domain" ? "x" : "y" }), "-axis"]
+			children: [/* @__PURE__ */ B("i", { children: c === "domain" ? "x" : "y" }), "-axis"]
 		}),
-		u && u.enabled && /* @__PURE__ */ V(q, { children: /* @__PURE__ */ V(y, {
+		u && u.enabled && /* @__PURE__ */ B(Q, { children: /* @__PURE__ */ B(q, {
 			label: u.label || "",
 			value: o,
 			min: -1e4,
@@ -188,7 +2071,7 @@ var Y = (e) => {
 			disabled: t,
 			onChange: (e, t) => s("min", t)
 		}) }),
-		d && d.enabled && /* @__PURE__ */ V(q, { children: /* @__PURE__ */ V(y, {
+		d && d.enabled && /* @__PURE__ */ B(Q, { children: /* @__PURE__ */ B(q, {
 			label: d.label || "",
 			value: a,
 			min: o + .05,
@@ -197,9 +2080,9 @@ var Y = (e) => {
 			disabled: t,
 			onChange: (e, t) => s("max", t)
 		}) }),
-		l && l.enabled && /* @__PURE__ */ V(q, { children: /* @__PURE__ */ V(de, {
+		l && l.enabled && /* @__PURE__ */ B(Q, { children: /* @__PURE__ */ B(yr, {
 			label: l.label || "",
-			children: /* @__PURE__ */ V(Se, { children: /* @__PURE__ */ V(w, {
+			children: /* @__PURE__ */ B(Mr, { children: /* @__PURE__ */ B(M, {
 				onChange: (e) => s("axisLabel", e),
 				markup: i || "",
 				charactersLimit: 5,
@@ -214,28 +2097,28 @@ var Y = (e) => {
 		}) })
 	] });
 };
-Y.propTypes = {
-	disabled: U.default.bool,
-	displayedFields: U.default.object,
-	displayHeader: U.default.bool,
-	label: U.default.string,
-	maxValue: U.default.number,
-	minValue: U.default.number,
-	type: U.default.string,
-	onChange: U.default.func
+Pr.propTypes = {
+	disabled: G.default.bool,
+	displayedFields: G.default.object,
+	displayHeader: G.default.bool,
+	label: G.default.string,
+	maxValue: G.default.number,
+	minValue: G.default.number,
+	type: G.default.string,
+	onChange: G.default.func
 };
-var Ce = (e) => {
+var Fr = (e) => {
 	let { domain: t, displayedFields: n = {}, gridValues: r = {}, includeAxes: i, labelValues: a = {}, onChange: o, onChangeView: s, range: c, size: l, sizeConstraints: u, standardGrid: d } = e, f = {
 		min: 2,
 		max: 41
-	}, { axisLabel: p = {}, dimensionsEnabled: m, includeAxesEnabled: h, labelStep: g = {}, min: _ = {}, max: v = {}, standardGridEnabled: S, step: C = {} } = n || {}, w = _.enabled || v.enabled || p.enabled || C.enabled || g.enabled, E = {
-		step: C,
+	}, { axisLabel: p = {}, dimensionsEnabled: m, includeAxesEnabled: h, labelStep: g = {}, min: _ = {}, max: v = {}, standardGridEnabled: y, step: b = {} } = n || {}, x = _.enabled || v.enabled || p.enabled || b.enabled || g.enabled, S = {
+		step: b,
 		labelStep: g
-	}, D = {
+	}, C = {
 		min: _,
 		max: v,
 		axisLabel: p
-	}, k = (e) => {
+	}, w = (e) => {
 		let n = (e) => {
 			let n = e === "domain" ? t : c;
 			return {
@@ -244,19 +2127,19 @@ var Ce = (e) => {
 				step: 1,
 				labelStep: 0
 			};
+		}, r = {
+			...c,
+			...e ? { labelStep: 1 } : n("range")
+		}, i = {
+			...t,
+			...e ? { labelStep: 1 } : n("domain")
 		};
 		o({
 			includeAxes: e,
-			range: {
-				...c,
-				...e ? { labelStep: 1 } : n("range")
-			},
-			domain: {
-				...t,
-				...e ? { labelStep: 1 } : n("domain")
-			}
+			range: r,
+			domain: i
 		});
-	}, A = (e) => {
+	}, T = (e) => {
 		o({
 			standardGrid: e,
 			range: {
@@ -268,115 +2151,115 @@ var Ce = (e) => {
 				height: l.width
 			}
 		});
-	}, N = (e, t) => {
+	}, E = (e, t) => {
 		let n = {
 			...l,
 			[e]: t
 		};
 		d && (n.height = t), o({ graph: n });
-	}, P = (e, n) => {
+	}, D = (e, n) => {
 		t[e] = n, d && e !== "axisLabel" && (c[e] = n), o({
 			domain: t,
 			range: c
 		});
-	}, F = (e, t) => {
+	}, O = (e, t) => {
 		c[e] = t, o({ range: c });
-	}, I = /* @__PURE__ */ H(ne, { children: [
-		/* @__PURE__ */ H(ge, { children: [/* @__PURE__ */ V(Y, {
-			displayedFields: D,
-			displayHeader: w,
+	}, k = /* @__PURE__ */ V(be, { children: [
+		/* @__PURE__ */ V(Er, { children: [/* @__PURE__ */ B(Pr, {
+			displayedFields: C,
+			displayHeader: x,
 			type: "domain",
 			minValue: t.min,
 			maxValue: t.max,
 			label: t.axisLabel,
 			includeAxes: i,
-			onChange: P
-		}), /* @__PURE__ */ V(Y, {
-			displayedFields: D,
-			displayHeader: w,
+			onChange: D
+		}), /* @__PURE__ */ B(Pr, {
+			displayedFields: C,
+			displayHeader: x,
 			type: "range",
 			minValue: c.min,
 			maxValue: c.max,
 			label: c.axisLabel,
 			disabled: d,
 			includeAxes: i,
-			onChange: F
+			onChange: O
 		})] }),
-		(_.enabled || v.enabled) && /* @__PURE__ */ V(ye, { children: "If you want the axis to be visible, use a zero or negative Min Value, and a positive Max Value" }),
-		(C.enabled || g.enabled) && /* @__PURE__ */ H(ge, { children: [/* @__PURE__ */ V(J, {
-			displayedFields: E,
+		(_.enabled || v.enabled) && /* @__PURE__ */ B(kr, { children: "If you want the axis to be visible, use a zero or negative Min Value, and a positive Max Value" }),
+		(b.enabled || g.enabled) && /* @__PURE__ */ V(Er, { children: [/* @__PURE__ */ B(Nr, {
+			displayedFields: S,
 			gridValue: t.step,
 			labelValue: t.labelStep,
 			gridValues: r.domain || [],
 			labelValues: a.domain || [],
-			onChange: P
-		}), /* @__PURE__ */ V(J, {
+			onChange: D
+		}), /* @__PURE__ */ B(Nr, {
 			disabled: d,
-			displayedFields: E,
+			displayedFields: S,
 			gridValue: c.step,
 			labelValue: c.labelStep,
 			gridValues: r.range || [],
 			labelValues: a.range || [],
-			onChange: F
+			onChange: O
 		})] }),
-		g.enabled && /* @__PURE__ */ V(ye, { children: "For unnumbered gridlines, enter a label interval of 0" })
-	] }), L = v.enabled ? /* @__PURE__ */ H(K, { children: [/* @__PURE__ */ V(ve, { children: /* @__PURE__ */ V(y, {
+		g.enabled && /* @__PURE__ */ B(kr, { children: "For unnumbered gridlines, enter a label interval of 0" })
+	] }), A = v.enabled ? /* @__PURE__ */ V(Tr, { children: [/* @__PURE__ */ B(Or, { children: /* @__PURE__ */ B(q, {
 		label: "Number of Vertical Gridlines",
 		value: t.max,
 		min: !i && f.min,
 		max: !i && f.max,
 		variant: "outlined",
-		onChange: (e, t) => P("max", t)
-	}) }), /* @__PURE__ */ V(ve, { children: /* @__PURE__ */ V(y, {
+		onChange: (e, t) => D("max", t)
+	}) }), /* @__PURE__ */ B(Or, { children: /* @__PURE__ */ B(q, {
 		label: "Number of Horizontal Gridlines",
 		value: c.max,
 		min: !i && f.min,
 		max: !i && f.max,
 		variant: "outlined",
 		disabled: d,
-		onChange: (e, t) => F("max", t)
+		onChange: (e, t) => O("max", t)
 	}) })] }) : null;
-	return /* @__PURE__ */ V(me, { children: /* @__PURE__ */ H(T, {
+	return /* @__PURE__ */ B(Cr, { children: /* @__PURE__ */ V(me, {
 		onChange: s,
 		TransitionProps: { timeout: {
 			enter: 225,
 			exit: 195
 		} },
-		children: [/* @__PURE__ */ V(j, {
-			expandIcon: /* @__PURE__ */ V(x, {}),
-			children: /* @__PURE__ */ V(b, {
+		children: [/* @__PURE__ */ B(j, {
+			expandIcon: /* @__PURE__ */ B(ue, {}),
+			children: /* @__PURE__ */ B(I, {
 				variant: "subtitle1",
 				children: "Customize Grid Setup"
 			})
-		}), /* @__PURE__ */ V(O, { children: /* @__PURE__ */ H(he, { children: [
-			h && /* @__PURE__ */ V(M, {
+		}), /* @__PURE__ */ B(P, { children: /* @__PURE__ */ V(wr, { children: [
+			h && /* @__PURE__ */ B(jn, {
 				label: "Include axes and labels?",
-				toggle: k,
+				toggle: w,
 				checked: i
 			}),
-			S && /* @__PURE__ */ V(M, {
+			y && /* @__PURE__ */ B(jn, {
 				label: "Constrain to standard coordinate grid?",
-				toggle: A,
+				toggle: T,
 				checked: d
 			}),
-			i ? I : L,
-			m && /* @__PURE__ */ H(be, { children: [
-				/* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V(b, { children: "Dimensions(px)" }), /* @__PURE__ */ H(xe, { children: [
+			i ? k : A,
+			m && /* @__PURE__ */ V(Ar, { children: [
+				/* @__PURE__ */ V("div", { children: [/* @__PURE__ */ B(I, { children: "Dimensions(px)" }), /* @__PURE__ */ V(jr, { children: [
 					"Min ",
 					u.min,
 					", Max ",
 					u.max
 				] })] }),
-				/* @__PURE__ */ V(_e, { children: /* @__PURE__ */ V(y, {
+				/* @__PURE__ */ B(Dr, { children: /* @__PURE__ */ B(q, {
 					label: "Width",
 					value: l.width,
 					min: u.min,
 					max: u.max,
 					step: u.step,
 					variant: "outlined",
-					onChange: (e, t) => N("width", t)
+					onChange: (e, t) => E("width", t)
 				}) }),
-				/* @__PURE__ */ V(_e, { children: /* @__PURE__ */ V(y, {
+				/* @__PURE__ */ B(Dr, { children: /* @__PURE__ */ B(q, {
 					label: "Height",
 					value: l.height,
 					min: u.min,
@@ -384,28 +2267,28 @@ var Ce = (e) => {
 					step: u.step,
 					variant: "outlined",
 					disabled: d,
-					onChange: (e, t) => N("height", t)
+					onChange: (e, t) => E("height", t)
 				}) })
 			] })
 		] }) })]
 	}) });
 };
-Ce.propTypes = {
-	domain: U.default.object,
-	displayedFields: U.default.object,
-	gridValues: U.default.object,
-	includeAxes: U.default.bool,
-	labelValues: U.default.object,
-	onChange: U.default.func,
-	onChangeView: U.default.func,
-	range: U.default.object,
-	size: U.default.object,
-	sizeConstraints: U.default.object,
-	standardGrid: U.default.bool
+Fr.propTypes = {
+	domain: G.default.object,
+	displayedFields: G.default.object,
+	gridValues: G.default.object,
+	includeAxes: G.default.bool,
+	labelValues: G.default.object,
+	onChange: G.default.func,
+	onChangeView: G.default.func,
+	range: G.default.object,
+	size: G.default.object,
+	sizeConstraints: G.default.object,
+	standardGrid: G.default.bool
 };
 //#endregion
 //#region src/author/utils.ts
-var we = /* @__PURE__ */ e(i(), 1), Te = [
+var Ir = [
 	.01,
 	.02,
 	.04,
@@ -432,7 +2315,7 @@ var we = /* @__PURE__ */ e(i(), 1), Te = [
 	100,
 	500,
 	1e3
-], Ee = [
+], Lr = [
 	.01,
 	.02,
 	.05,
@@ -449,7 +2332,7 @@ var we = /* @__PURE__ */ e(i(), 1), Te = [
 	100,
 	500,
 	1e3
-], De = {
+], Rr = {
 	.01: [
 		0,
 		.01,
@@ -628,14 +2511,14 @@ var we = /* @__PURE__ */ e(i(), 1), Te = [
 		4e3,
 		5e3
 	]
-}, X = (e, t, n = !1) => {
+}, zr = (e, t, n = !1) => {
 	let r = 10 * (e.max - e.min) / t, i = r * 10;
-	return (n ? Ee : Te).filter((e) => e >= r && e <= i);
-}, Z = (e) => De[e] || [], Oe = (e, t, n, i) => {
-	let a = X(e, t), o = Z(e.step);
+	return (n ? Lr : Ir).filter((e) => e >= r && e <= i);
+}, Br = (e) => Rr[e] || [], Vr = (e, t, n, i) => {
+	let a = zr(e, t), o = Br(e.step);
 	if (!r(n, a) && !a.includes(e.step)) {
-		let n = X(e, t, !0)[0] || 1;
-		return e.step = n, o = Z(n), o.includes(e.labelStep) || (e.labelStep = n), {
+		let n = zr(e, t, !0)[0] || 1;
+		return e.step = n, o = Br(n), o.includes(e.labelStep) || (e.labelStep = n), {
 			gridValues: a,
 			labelValues: o
 		};
@@ -644,13 +2527,13 @@ var we = /* @__PURE__ */ e(i(), 1), Te = [
 		gridValues: a,
 		labelValues: o
 	};
-}, ke = (e) => {
+}, Hr = (e) => {
 	let t = [], n = 0;
 	for (; n >= e.min && t.indexOf(n) < 0;) t.push(n), n = Math.round((n - e.step) * 1e4) / 1e4;
 	for (n = Math.round(e.step * 1e4) / 1e4; n <= e.max && t.indexOf(n) < 0;) t.push(n), n = Math.round((n + e.step) * 1e4) / 1e4;
 	return t ? t.filter((t) => t >= e.min && t <= e.max) : [];
-}, Ae = (e, t, n) => {
-	let r = ke(e), i = ke(t), a = (e, t) => r.includes(e) && i.includes(t);
+}, Ur = (e, t, n) => {
+	let r = Hr(e), i = Hr(t), a = (e, t) => r.includes(e) && i.includes(t);
 	return Object.entries(n || {}).reduce((e, [t, n]) => (e[t] = {
 		...n,
 		marks: (n.marks || []).filter((e) => {
@@ -660,24 +2543,24 @@ var we = /* @__PURE__ */ e(i(), 1), Te = [
 			return e.building ? a(t.x, t.y) : a(t.x, t.y) && a(n.x, n.y);
 		})
 	}, e), {});
-}, je = (e, t) => Number(Math.sqrt((e.x - t.x) ** 2 + (e.y - t.y) ** 2).toFixed(3)), Q = (e, t) => {
+}, Wr = (e, t) => Number(Math.sqrt((e.x - t.x) ** 2 + (e.y - t.y) ** 2).toFixed(3)), Gr = (e, t) => {
 	let n = e, r = !1, i = [...t];
 	i.push(t[0]);
 	for (let e = 0; e < i.length - 1; e++) {
 		let t = i[e], a = i[e + 1];
-		if (je(t, n) + je(n, a) === je(t, a)) {
+		if (Wr(t, n) + Wr(n, a) === Wr(t, a)) {
 			r = !0;
 			break;
 		}
 	}
 	return r;
-}, Me = (e, t, n, r, i, a, o, s) => {
+}, Kr = (e, t, n, r, i, a, o, s) => {
 	let c, l = (s - a) * (n - e) - (o - i) * (r - t);
 	return l === 0 ? null : (c = ((o - i) * (t - a) - (s - a) * (e - i)) / l, {
 		x: Number((e + c * (n - e)).toFixed(3)),
 		y: Number((t + c * (r - t)).toFixed(3))
 	});
-}, Ne = (e, t, n) => e.x > t.min && e.x < t.max && e.y > n.min && e.y < n.max, Pe = (e, t, n) => e.x >= t.min && e.x <= t.max && e.y >= n.min && e.y <= n.max, Fe = (e, t, n) => {
+}, qr = (e, t, n) => e.x > t.min && e.x < t.max && e.y > n.min && e.y < n.max, Jr = (e, t, n) => e.x >= t.min && e.x <= t.max && e.y >= n.min && e.y <= n.max, Yr = (e, t, n) => {
 	let r = [], i = [
 		[
 			t.max,
@@ -705,11 +2588,11 @@ var we = /* @__PURE__ */ e(i(), 1), Te = [
 		]
 	];
 	for (let a = 0; a < i.length; a++) {
-		let o = Me(e.from.x, e.from.y, e.to.x, e.to.y, i[a][0], i[a][1], i[a][2], i[a][3]);
-		o && Pe(o, t, n) && r.push(o);
+		let o = Kr(e.from.x, e.from.y, e.to.x, e.to.y, i[a][0], i[a][1], i[a][2], i[a][3]);
+		o && Jr(o, t, n) && r.push(o);
 	}
 	return r;
-}, Ie = (e) => {
+}, Xr = (e) => {
 	e.sort((e, t) => e.y - t.y);
 	let t = (e[0].y + e[e.length - 1].y) / 2;
 	e.sort((e, t) => t.x - e.x);
@@ -723,10 +2606,10 @@ var we = /* @__PURE__ */ e(i(), 1), Te = [
 	}), e.sort((e, t) => e.angle - t.angle);
 	let i = e.reverse();
 	return i.unshift(i.pop()), i.map(({ angle: e, ...t }) => t);
-}, Le = (e, t) => e.x * t.x + e.y * t.y, Re = (e) => Math.sqrt(e.x * e.x + e.y * e.y), ze = (e, t) => {
-	let n = Le(e, t), r = Re(e), i = Re(t);
+}, Zr = (e, t) => e.x * t.x + e.y * t.y, Qr = (e) => Math.sqrt(e.x * e.x + e.y * e.y), $r = (e, t) => {
+	let n = Zr(e, t), r = Qr(e), i = Qr(t);
 	return Math.acos(n / (r * i));
-}, Be = (e, t, n, r) => {
+}, ei = (e, t, n, r) => {
 	let i = {
 		x: t.x - e.x,
 		y: t.y - e.y
@@ -736,14 +2619,14 @@ var we = /* @__PURE__ */ e(i(), 1), Te = [
 	}, o = {
 		x: r.x - e.x,
 		y: r.y - e.y
-	}, s = ze(i, o) + ze(a, o);
-	return Math.abs(s - ze(i, a)) < 1e-4;
-}, Ve = (e) => e.filter((t, n) => n === e.findIndex((e) => t.x === e.x && t.y === e.y)), He = (e) => {
+	}, s = $r(i, o) + $r(a, o);
+	return Math.abs(s - $r(i, a)) < 1e-4;
+}, ti = (e) => e.filter((t, n) => n === e.findIndex((e) => t.x === e.x && t.y === e.y)), ni = (e) => {
 	for (let t = 0; t < e.length; t++) e[t] = e[t].filter((n, r) => r === e[t].findIndex((e) => n.x === e.x && n.y === e.y));
 	e = e.filter((e) => e.length > 2);
-	for (let t = 0; t < e.length; t++) e[t] = Ie(e[t]);
+	for (let t = 0; t < e.length; t++) e[t] = Xr(e[t]);
 	return e;
-}, Ue = (e, t, n) => {
+}, ri = (e, t, n) => {
 	let r = [];
 	return r.push([].concat(e)), r.push([].concat(e)), e[0].x === t.max && e[1].y === n.max || e[1].x === t.max && e[0].y === n.max ? (r[0].push({
 		x: t.max,
@@ -817,8 +2700,8 @@ var we = /* @__PURE__ */ e(i(), 1), Te = [
 	}, {
 		x: t.max,
 		y: n.max
-	})), He(r);
-}, We = (e, t, n, r) => {
+	})), ni(r);
+}, ii = (e, t, n, r) => {
 	let i = t[0], a = t[1], o = [
 		{
 			x: n.min,
@@ -836,19 +2719,19 @@ var we = /* @__PURE__ */ e(i(), 1), Te = [
 			x: n.max,
 			y: r.max
 		}
-	], s = Me(i.from.x, i.from.y, i.to.x, i.to.y, a.from.x, a.from.y, a.to.x, a.to.y), c = [], l = Fe(i, n, r);
-	l = Ve(l);
-	let u = Fe(a, n, r);
-	if (u = Ve(u), s && Ne(s, n, r)) for (let e = 0; e < l.length; e++) for (let t = 0; t < u.length; t++) {
+	], s = Kr(i.from.x, i.from.y, i.to.x, i.to.y, a.from.x, a.from.y, a.to.x, a.to.y), c = [], l = Yr(i, n, r);
+	l = ti(l);
+	let u = Yr(a, n, r);
+	if (u = ti(u), s && qr(s, n, r)) for (let e = 0; e < l.length; e++) for (let t = 0; t < u.length; t++) {
 		let n = [], r = [];
 		n.push(s), n.push(l[e]), n.push(u[t]);
-		for (let i = 0; i < o.length; i++) Be(s, l[e], u[t], o[i]) ? n.push(o[i]) : r.push(o[i]);
+		for (let i = 0; i < o.length; i++) ei(s, l[e], u[t], o[i]) ? n.push(o[i]) : r.push(o[i]);
 		o = r, c.push(n);
 	}
 	else {
-		let e = Ue(l, n, r), t = Ue(u, n, r);
-		for (let t = 0; t < e.length; t++) Q(u[0], e[t]) && Q(u[1], e[t]) || c.push(e[t]);
-		for (let e = 0; e < t.length; e++) Q(l[0], t[e]) && Q(l[1], t[e]) || c.push(t[e]);
+		let e = ri(l, n, r), t = ri(u, n, r);
+		for (let t = 0; t < e.length; t++) Gr(u[0], e[t]) && Gr(u[1], e[t]) || c.push(e[t]);
+		for (let e = 0; e < t.length; e++) Gr(l[0], t[e]) && Gr(l[1], t[e]) || c.push(t[e]);
 		for (let e = 0; e < c.length; e++) o = o.filter(function(t) {
 			return !c[e].some(function(e) {
 				return t.x === e.x && t.y === e.y;
@@ -857,8 +2740,8 @@ var we = /* @__PURE__ */ e(i(), 1), Te = [
 		let i = o.concat(l, u);
 		c.push(i);
 	}
-	return He(c);
-}, Ge = (e, t, n, r) => (e.numberOfLines === 1 ? e.sections = Ue(Fe(t[0], n, r), n, r) : e.sections = We(e, t, n, r), e), Ke = (e, t) => {
+	return ni(c);
+}, ai = (e, t, n, r) => (e.numberOfLines === 1 ? e.sections = ri(Yr(t[0], n, r), n, r) : e.sections = ii(e, t, n, r), e), oi = (e, t) => {
 	let n = t.length, r = e.x, i = e.y, a = !1, o = t[0], s;
 	for (let e = 1; e <= n; e++) {
 		if (s = t[e % n], i > Math.min(o.y, s.y) && i <= Math.max(o.y, s.y) && r <= Math.max(o.x, s.x)) {
@@ -868,55 +2751,55 @@ var we = /* @__PURE__ */ e(i(), 1), Te = [
 		o = s;
 	}
 	return a;
-}, qe = (e, t) => {
+}, si = (e, t) => {
 	if (t.length === 0) return !1;
 	if (e.numberOfLines === 1) {
 		if (t.length === 1) return !t[0].building;
 	} else if (t.length !== 2) return !1;
 	else return !t[1].building;
-}, Je = u("div")(({ theme: e }) => ({
+}, ci = _("div")(({ theme: e }) => ({
 	display: "flex",
 	flexWrap: "wrap",
 	marginBottom: e.spacing(2.5)
-})), Ye = u("div")(({ theme: e }) => ({
+})), li = _("div")(({ theme: e }) => ({
 	display: "flex",
 	flexDirection: "column",
 	marginRight: e.spacing(3),
 	marginBottom: e.spacing(2.5)
-})), Xe = u("div")({
+})), ui = _("div")({
 	display: "flex",
 	flexDirection: "column"
-}), Ze = u(b)(({ theme: e }) => ({
+}), di = _(I)(({ theme: e }) => ({
 	marginTop: e.spacing(1.5),
 	marginBottom: e.spacing(1)
-})), Qe = u("div")(({ theme: e }) => ({
+})), fi = _("div")(({ theme: e }) => ({
 	display: "flex",
 	flexWrap: "wrap",
 	alignItems: "center",
 	width: "100%",
 	marginBottom: e.spacing(2.5)
-})), $e = u(b)(({ theme: e }) => ({ padding: `0 ${e.spacing(1)}` })), et = u(I)({ flex: "1" }), tt = class extends z.Component {
+})), pi = _(I)(({ theme: e }) => ({ padding: `0 ${e.spacing(1)}` })), mi = _(N)({ flex: "1" }), hi = class extends R.Component {
 	static propTypes = {
-		availableTools: U.default.array,
-		authoring: U.default.object,
-		dimensionsEnabled: U.default.bool,
-		graphDimensions: U.default.object,
-		gridConfigurations: U.default.array,
-		labelsPlaceholders: U.default.object,
-		model: U.default.object.isRequired,
-		onChange: U.default.func.isRequired,
-		showLabels: U.default.bool,
-		showTitle: U.default.bool,
-		titlePlaceholder: U.default.string
+		availableTools: G.default.array,
+		authoring: G.default.object,
+		dimensionsEnabled: G.default.bool,
+		graphDimensions: G.default.object,
+		gridConfigurations: G.default.array,
+		labelsPlaceholders: G.default.object,
+		model: G.default.object.isRequired,
+		onChange: G.default.func.isRequired,
+		showLabels: G.default.bool,
+		showTitle: G.default.bool,
+		titlePlaceholder: G.default.string
 	};
 	constructor(e) {
 		super(e);
 		let { domain: t, range: n, graph: r } = e.model || {}, i = {
-			domain: X(t, r.width, !0),
-			range: X(n, r.height, !0)
+			domain: zr(t, r.width, !0),
+			range: zr(n, r.height, !0)
 		}, a = {
-			domain: Z(t.step),
-			range: Z(n.step)
+			domain: Br(t.step),
+			range: Br(n.step)
 		};
 		this.state = {
 			gridValues: i,
@@ -953,17 +2836,17 @@ var we = /* @__PURE__ */ e(i(), 1), Te = [
 			range: []
 		}, b = n >= 0 ? n : o;
 		if (m) {
-			let e = Oe(p, h.width, s.domain, c.domain);
+			let e = Vr(p, h.width, s.domain, c.domain);
 			v.domain = e.gridValues || [], y.domain = e.labelValues || [];
 		}
 		if (_) v.range = v.domain, y.range = y.domain, g.step = p.step, g.labelStep = p.labelStep;
 		else if (m) {
-			let e = Oe(g, h.height, s.range, c.range);
+			let e = Vr(g, h.height, s.range, c.range);
 			v.range = e.gridValues || [], y.range = e.labelValues || [];
 		}
 		let x = t(f);
 		x.correctAnswer.marks = f.correctAnswer.marks.filter((e) => e.type !== "polygon");
-		let S = Ae(p, g, x);
+		let S = Ur(p, g, x);
 		if (!r(x, S)) {
 			this.setState({ dialog: {
 				isOpened: !0,
@@ -1007,11 +2890,11 @@ var we = /* @__PURE__ */ e(i(), 1), Te = [
 		this.onConfigChange(t?.[n] || {}, n);
 	};
 	render() {
-		let { authoring: e = {}, gridConfigurations: t = [], graphDimensions: n = {}, labelsPlaceholders: r, model: i, showLabels: a, dimensionsEnabled: o, showTitle: s, titlePlaceholder: c, mathMlOptions: l = {} } = this.props, { arrows: u, coordinatesOnHover: d, defaultGridConfiguration: f, domain: p, labels: m, range: h, standardGrid: g, title: _ } = i || {}, y = (i || {}).graph || {}, { min: x, max: S, step: C } = n || {}, { dialog: w = {}, gridValues: T, labelValues: E, showPixelGuides: D } = this.state, O = {
-			min: Math.max(150, x),
-			max: Math.min(800, S),
-			step: C >= 1 ? Math.min(200, C) : 20
-		}, k = {
+		let { authoring: e = {}, gridConfigurations: t = [], graphDimensions: n = {}, labelsPlaceholders: r, model: i, showLabels: a, dimensionsEnabled: o, showTitle: s, titlePlaceholder: c, mathMlOptions: l = {} } = this.props, { arrows: u, coordinatesOnHover: d, defaultGridConfiguration: f, domain: p, labels: m, range: h, standardGrid: g, title: _ } = i || {}, v = (i || {}).graph || {}, { min: y, max: b, step: x } = n || {}, { dialog: S = {}, gridValues: C, labelValues: w, showPixelGuides: T } = this.state, E = {
+			min: Math.max(150, y),
+			max: Math.min(800, b),
+			step: x >= 1 ? Math.min(200, x) : 20
+		}, D = {
 			axisLabel: e.axisLabel,
 			dimensionsEnabled: o,
 			includeAxesEnabled: !1,
@@ -1020,14 +2903,14 @@ var we = /* @__PURE__ */ e(i(), 1), Te = [
 			max: e.max,
 			standardGridEnabled: e.standardGridEnabled,
 			step: e.step
-		}, j = e.enabled && Object.values(k).some((e) => typeof e == "object" ? e.enabled : e);
-		return /* @__PURE__ */ H(Je, { children: [
-			/* @__PURE__ */ H(Ye, { children: [t && t.length ? /* @__PURE__ */ H(Qe, { children: [/* @__PURE__ */ V($e, {
+		}, O = e.enabled && Object.values(D).some((e) => typeof e == "object" ? e.enabled : e);
+		return /* @__PURE__ */ V(ci, { children: [
+			/* @__PURE__ */ V(li, { children: [t && t.length ? /* @__PURE__ */ V(fi, { children: [/* @__PURE__ */ B(pi, {
 				component: "div",
 				variant: "h6",
 				children: "Grid Configuration"
-			}), /* @__PURE__ */ V(et, {
-				input: /* @__PURE__ */ V(ee, { labelWidth: 10 }),
+			}), /* @__PURE__ */ B(mi, {
+				input: /* @__PURE__ */ B(k, { labelWidth: 10 }),
 				displayEmpty: !0,
 				onChange: this.changeGridConfiguration,
 				value: f,
@@ -1035,35 +2918,35 @@ var we = /* @__PURE__ */ e(i(), 1), Te = [
 					enter: 225,
 					exit: 195
 				} },
-				children: (t || []).map((e, t) => /* @__PURE__ */ V(v, {
+				children: (t || []).map((e, t) => /* @__PURE__ */ B(re, {
 					value: t,
 					children: e.label
 				}, t))
-			})] }) : null, j && /* @__PURE__ */ V(Ce, {
-				displayedFields: k,
+			})] }) : null, O && /* @__PURE__ */ B(Fr, {
+				displayedFields: D,
 				domain: p,
-				gridValues: T,
+				gridValues: C,
 				includeAxes: !0,
-				labelValues: E,
+				labelValues: w,
 				range: h,
-				size: y,
-				sizeConstraints: O,
+				size: v,
+				sizeConstraints: E,
 				standardGrid: g,
 				onChange: this.onConfigChange,
 				onChangeView: this.onChangeView
 			})] }),
-			/* @__PURE__ */ H(Xe, { children: [
-				/* @__PURE__ */ V(b, {
+			/* @__PURE__ */ V(ui, { children: [
+				/* @__PURE__ */ B(I, {
 					component: "div",
 					variant: "h6",
 					children: "Define Graph Attributes"
 				}),
-				/* @__PURE__ */ V(Ze, {
+				/* @__PURE__ */ B(di, {
 					component: "div",
 					variant: "body1",
 					children: "Use this interface to add/edit a title and/or labels"
 				}),
-				/* @__PURE__ */ V(N, {
+				/* @__PURE__ */ B(ae, {
 					axesSettings: { includeArrows: u },
 					backgroundMarks: [],
 					coordinatesOnHover: d,
@@ -1077,11 +2960,11 @@ var we = /* @__PURE__ */ e(i(), 1), Te = [
 					onChangeTitle: this.changeTitle,
 					range: h,
 					showLabels: a,
-					showPixelGuides: D,
+					showPixelGuides: T,
 					showTitle: s,
 					size: {
-						width: y.width,
-						height: y.height
+						width: v.width,
+						height: v.height
 					},
 					title: _,
 					titlePlaceholder: c,
@@ -1089,31 +2972,31 @@ var we = /* @__PURE__ */ e(i(), 1), Te = [
 					mathMlOptions: l
 				}, "graphing-config")
 			] }, "graph"),
-			/* @__PURE__ */ V(A, {
-				open: w.isOpened,
+			/* @__PURE__ */ B(fe, {
+				open: S.isOpened,
 				title: "Warning",
 				text: "This change would make it impossible for students to plot one or more graph objects in the current correct answers. If you proceed, all such graph objects will be removed from the correct answers.",
-				onClose: w.onClose,
-				onConfirm: w.onConfirm
+				onClose: S.onClose,
+				onConfirm: S.onConfirm
 			})
 		] });
 	}
-}, nt = u(b)(({ theme: e }) => ({
+}, gi = _(I)(({ theme: e }) => ({
 	marginTop: e.spacing(1.5),
 	marginBottom: e.spacing(1)
-})), rt = u(C)({
+})), _i = _(Ie)({
 	height: "20px",
 	width: "fit-content",
 	padding: ".5rem 0"
-}), it = u(F)({ color: "#000000 !important" }), at = u("div")(({ theme: e }) => ({
+}), vi = _(A)({ color: "#000000 !important" }), yi = _("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(1)
-})), ot = class extends z.Component {
+})), bi = class extends R.Component {
 	static propTypes = {
-		errors: U.default.object,
-		model: U.default.object.isRequired,
-		onChange: U.default.func.isRequired
+		errors: G.default.object,
+		model: G.default.object.isRequired,
+		onChange: G.default.func.isRequired
 	};
 	state = { dialog: { open: !1 } };
 	handleAlertDialog = (e, t) => this.setState({ dialog: { open: e } }, t);
@@ -1151,7 +3034,7 @@ var we = /* @__PURE__ */ e(i(), 1), Te = [
 	};
 	onSolutionSetSelected = (e) => {
 		let { model: t, onChange: r } = this.props, { answers: i, gssLineData: a } = t;
-		for (let t of a.sections) if (Ke(e, t)) {
+		for (let t of a.sections) if (oi(e, t)) {
 			let e = {
 				points: t,
 				building: !1,
@@ -1168,7 +3051,7 @@ var we = /* @__PURE__ */ e(i(), 1), Te = [
 		let { model: n } = this.props, { answers: r, domain: i, range: a } = n;
 		if (e.selectedTool === "solutionSet") {
 			let n = r.correctAnswer.marks.filter((e) => e.type !== "polygon");
-			if (!qe(e, n)) e.selectedTool = t, this.setState({ dialog: {
+			if (!si(e, n)) e.selectedTool = t, this.setState({ dialog: {
 				open: !0,
 				title: "Warning",
 				text: "Please define the line(s) and then select a solution set for the item.",
@@ -1176,7 +3059,7 @@ var we = /* @__PURE__ */ e(i(), 1), Te = [
 			} });
 			else {
 				let t = r.correctAnswer.marks.filter((e) => e.type !== "polygon");
-				e = Ge(e, t, i, a);
+				e = ai(e, t, i, a);
 			}
 			this.handleGssLineDataChange(e, r);
 		} else {
@@ -1222,37 +3105,37 @@ var we = /* @__PURE__ */ e(i(), 1), Te = [
 			selectedTool: "lineA",
 			lineA: { lineType: "Solid" }
 		}, arrows: a, coordinatesOnHover: o, domain: s, graph: c = {}, labels: l, labelsEnabled: u, range: d, title: f, titleEnabled: p, answers: m } = t || {}, { correctAnswerErrors: h = "" } = e || {};
-		return /* @__PURE__ */ H("div", { children: [
-			/* @__PURE__ */ V(b, {
+		return /* @__PURE__ */ V("div", { children: [
+			/* @__PURE__ */ B(I, {
 				component: "div",
 				variant: "h6",
 				children: "Define Line Type(s) and Correct Response"
 			}),
-			/* @__PURE__ */ V(nt, {
+			/* @__PURE__ */ B(gi, {
 				component: "div",
 				variant: "body1",
 				children: "Use this interface to choose how many lines students will be able to draw, and to define the correct answer."
 			}),
-			/* @__PURE__ */ V(nt, {
+			/* @__PURE__ */ B(gi, {
 				component: "div",
 				variant: "body1",
 				children: "Choose Number of Lines"
 			}),
-			/* @__PURE__ */ H(le, {
+			/* @__PURE__ */ V(Xe, {
 				name: "numberOfLines",
 				value: i.numberOfLines,
 				onChange: this.changeNumberOfLines,
-				children: [/* @__PURE__ */ V(rt, {
+				children: [/* @__PURE__ */ B(_i, {
 					value: "1",
-					control: /* @__PURE__ */ V(it, { checked: i.numberOfLines === 1 }),
+					control: /* @__PURE__ */ B(vi, { checked: i.numberOfLines === 1 }),
 					label: "One"
-				}), /* @__PURE__ */ V(rt, {
+				}), /* @__PURE__ */ B(_i, {
 					value: "2",
-					control: /* @__PURE__ */ V(it, { checked: i.numberOfLines === 2 }),
+					control: /* @__PURE__ */ B(vi, { checked: i.numberOfLines === 2 }),
 					label: "Two"
 				})]
 			}),
-			/* @__PURE__ */ H(z.Fragment, { children: [/* @__PURE__ */ V(N, {
+			/* @__PURE__ */ V(R.Fragment, { children: [/* @__PURE__ */ B(ae, {
 				style: h.correctAnswer && { border: "2px solid red" },
 				axesSettings: { includeArrows: a },
 				backgroundMarks: [],
@@ -1278,8 +3161,8 @@ var we = /* @__PURE__ */ e(i(), 1), Te = [
 				onSolutionSetSelected: this.onSolutionSetSelected,
 				toolbarTools: ["line", "polygon"],
 				mathMlOptions: n
-			}), h.correctAnswer && /* @__PURE__ */ V(at, { children: h.correctAnswer })] }),
-			/* @__PURE__ */ V(A, {
+			}), h.correctAnswer && /* @__PURE__ */ B(yi, { children: h.correctAnswer })] }),
+			/* @__PURE__ */ B(fe, {
 				open: r.open,
 				title: r.title,
 				text: r.text,
@@ -1289,21 +3172,21 @@ var we = /* @__PURE__ */ e(i(), 1), Te = [
 			})
 		] });
 	}
-}, { Panel: st, toggle: $, radio: ct, checkboxes: lt, textField: ut, dropdown: dt } = k;
-(0, we.default)("@pie-element:graphing-solution-set:configure");
-var ft = u(P)(({ theme: e }) => ({
+}, { Panel: xi, toggle: $, radio: Si, checkboxes: Ci, textField: wi, dropdown: Ti } = tr;
+(0, W.default)("@pie-element:graphing-solution-set:configure");
+var Ei = _(pr)(({ theme: e }) => ({
 	width: "100%",
 	paddingTop: e.spacing(2),
 	marginBottom: e.spacing(2),
 	marginTop: e.spacing(2)
-})), pt = u(b)(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), mt = class extends B.Component {
+})), Di = _(I)(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), Oi = class extends z.Component {
 	static propTypes = {
-		onModelChanged: U.default.func,
-		onConfigurationChanged: U.default.func,
-		imageSupport: U.default.object,
-		uploadSoundSupport: U.default.object,
-		model: U.default.object.isRequired,
-		configuration: U.default.object.isRequired
+		onModelChanged: G.default.func,
+		onConfigurationChanged: G.default.func,
+		imageSupport: G.default.object,
+		uploadSoundSupport: G.default.object,
+		model: G.default.object.isRequired,
+		configuration: G.default.object.isRequired
 	};
 	componentDidMount() {
 		let { configuration: e, onModelChanged: t, model: n } = this.props, { title: r, graphDimensions: i } = e || {}, { arrows: a, titleEnabled: o, dimensionsEnabled: s } = n || {};
@@ -1348,13 +3231,13 @@ var ft = u(P)(({ theme: e }) => ({
 		});
 	};
 	render() {
-		let { model: e, configuration: t, onConfigurationChanged: n, onModelChanged: r, imageSupport: i, uploadSoundSupport: a } = this.props, { arrows: o = {}, authoring: s = {}, coordinatesOnHover: c = {}, contentDimensions: l = {}, gridConfigurations: u = [], graphDimensions: d = {}, instruction: f = {}, labels: p = {}, padding: m = {}, prompt: h = {}, rationale: g = {}, scoringType: _ = {}, settingsPanelDisabled: v, spellCheck: y = {}, studentInstructions: b = {}, teacherInstructions: x = {}, title: S = {}, maxImageWidth: C = {}, maxImageHeight: T = {}, withRubric: D = {}, language: O = {}, languageChoices: k = {}, mathMlOptions: A = {} } = t || {}, { errors: j = {}, extraCSSRules: M, labelsEnabled: N, dimensionsEnabled: P, promptEnabled: F, rationaleEnabled: I, spellCheckEnabled: L, teacherInstructionsEnabled: ee, titleEnabled: R } = e || {}, z = C && C.prompt, B = T && T.prompt, te = {
+		let { model: e, configuration: t, onConfigurationChanged: n, onModelChanged: r, imageSupport: i, uploadSoundSupport: a } = this.props, { arrows: o = {}, authoring: s = {}, coordinatesOnHover: c = {}, contentDimensions: l = {}, gridConfigurations: u = [], graphDimensions: d = {}, instruction: f = {}, labels: p = {}, padding: m = {}, prompt: h = {}, rationale: g = {}, scoringType: _ = {}, settingsPanelDisabled: v, spellCheck: y = {}, studentInstructions: b = {}, teacherInstructions: x = {}, title: S = {}, maxImageWidth: C = {}, maxImageHeight: w = {}, withRubric: T = {}, language: E = {}, languageChoices: D = {}, mathMlOptions: O = {} } = t || {}, { errors: k = {}, extraCSSRules: A, labelsEnabled: ee, dimensionsEnabled: j, promptEnabled: te, rationaleEnabled: ne, spellCheckEnabled: N, teacherInstructionsEnabled: re, titleEnabled: ie } = e || {}, P = C && C.prompt, F = w && w.prompt, ae = {
 			top: p.top,
 			right: p.right,
 			bottom: p.bottom,
 			left: p.left
-		}, ne = {
-			arrows: o.settings && lt(o.label, {
+		}, oe = {
+			arrows: o.settings && Ci(o.label, {
 				left: o.left,
 				right: o.right,
 				up: o.up,
@@ -1363,109 +3246,109 @@ var ft = u(P)(({ theme: e }) => ({
 			titleEnabled: S.settings && $(S.label),
 			padding: m.settings && $(m.label),
 			labelsEnabled: p.settings && $(p.label),
-			"language.enabled": O.settings && $(O.label, !0),
-			language: O.settings && O.enabled && dt(k.label, k.options),
+			"language.enabled": E.settings && $(E.label, !0),
+			language: E.settings && E.enabled && Ti(D.label, D.options),
 			dimensionsEnabled: d.settings && $(d.label),
 			coordinatesOnHover: c.settings && $(c.label)
-		}, re = {
+		}, se = {
 			"authoring.enabled": s.settings && $(s.label, !0),
 			teacherInstructionsEnabled: x.settings && $(x.label),
 			studentInstructionsEnabled: b.settings && $(b.label),
 			promptEnabled: h.settings && $(h.label),
 			rationaleEnabled: g.settings && $(g.label),
 			spellCheckEnabled: y.settings && $(y.label),
-			scoringType: _.settings && ct(_.label, ["dichotomous", "partial scoring"]),
-			rubricEnabled: D?.settings && $(D?.label),
-			instruction: f.settings && ut(f.label)
+			scoringType: _.settings && Si(_.label, ["dichotomous", "partial scoring"]),
+			rubricEnabled: T?.settings && $(T?.label),
+			instruction: f.settings && wi(f.label)
 		};
-		return /* @__PURE__ */ H(E.ConfigLayout, {
-			extraCSSRules: M,
+		return /* @__PURE__ */ V(Dn.ConfigLayout, {
+			extraCSSRules: A,
 			dimensions: l,
 			hideSettings: v,
-			settings: /* @__PURE__ */ V(st, {
+			settings: /* @__PURE__ */ B(xi, {
 				model: e,
 				configuration: t,
 				onChangeModel: r,
 				onChangeConfiguration: n,
 				groups: {
-					Settings: ne,
-					Properties: re
+					Settings: oe,
+					Properties: se
 				}
 			}),
 			children: [
-				/* @__PURE__ */ V(pt, {
+				/* @__PURE__ */ B(Di, {
 					component: "div",
 					variant: "body1",
 					children: f?.label || ""
 				}),
-				ee && /* @__PURE__ */ V(ft, {
+				re && /* @__PURE__ */ B(Ei, {
 					label: x.label,
-					children: /* @__PURE__ */ V(w, {
+					children: /* @__PURE__ */ B(M, {
 						markup: e.teacherInstructions || "",
 						onChange: this.onTeacherInstructionsChange,
 						imageSupport: i,
 						nonEmpty: !1,
-						spellCheck: L,
-						maxImageWidth: C && C.teacherInstructions || z,
-						maxImageHeight: T && T.teacherInstructions || B,
+						spellCheck: N,
+						maxImageWidth: C && C.teacherInstructions || P,
+						maxImageHeight: w && w.teacherInstructions || F,
 						uploadSoundSupport: a,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-						mathMlOptions: A
+						mathMlOptions: O
 					})
 				}),
-				F && /* @__PURE__ */ V(ft, {
+				te && /* @__PURE__ */ B(Ei, {
 					label: h.label,
-					children: /* @__PURE__ */ V(w, {
+					children: /* @__PURE__ */ B(M, {
 						markup: e.prompt,
 						onChange: this.onPromptChange,
 						imageSupport: i,
 						nonEmpty: !1,
-						spellCheck: L,
+						spellCheck: N,
 						disableUnderline: !0,
-						maxImageWidth: z,
-						maxImageHeight: B,
+						maxImageWidth: P,
+						maxImageHeight: F,
 						uploadSoundSupport: a,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-						mathMlOptions: A
+						mathMlOptions: O
 					})
 				}),
-				/* @__PURE__ */ V(tt, {
+				/* @__PURE__ */ B(hi, {
 					authoring: s,
 					gridConfigurations: u,
 					graphDimensions: d,
-					labelsPlaceholders: te,
+					labelsPlaceholders: ae,
 					model: e,
-					showLabels: N,
-					dimensionsEnabled: P,
-					showTitle: R,
+					showLabels: ee,
+					dimensionsEnabled: j,
+					showTitle: ie,
 					titlePlaceholder: S.placeholder,
 					onChange: this.props.onModelChanged,
-					mathMlOptions: A
+					mathMlOptions: O
 				}),
-				/* @__PURE__ */ V(ot, {
-					errors: j,
+				/* @__PURE__ */ B(bi, {
+					errors: k,
 					model: e,
 					onChange: this.props.onModelChanged,
-					mathMlOptions: A
+					mathMlOptions: O
 				}),
-				I && /* @__PURE__ */ V(ft, {
+				ne && /* @__PURE__ */ B(Ei, {
 					label: g.label || "Rationale",
-					children: /* @__PURE__ */ V(w, {
+					children: /* @__PURE__ */ B(M, {
 						markup: e.rationale || "",
 						onChange: this.onRationaleChange,
 						imageSupport: i,
-						spellCheck: L,
-						maxImageWidth: C && C.rationale || z,
-						maxImageHeight: T && T.rationale || B,
+						spellCheck: N,
+						maxImageWidth: C && C.rationale || P,
+						maxImageHeight: w && w.rationale || F,
 						uploadSoundSupport: a,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-						mathMlOptions: A
+						mathMlOptions: O
 					})
 				})
 			]
 		});
 	}
-}, ht = class e extends CustomEvent {
+}, ki = class e extends CustomEvent {
 	static {
 		this.TYPE = "model.updated";
 	}
@@ -1478,7 +3361,7 @@ var ft = u(P)(({ theme: e }) => ({
 			}
 		}), this.update = t, this.reset = n;
 	}
-}, gt = class e extends CustomEvent {
+}, Ai = class e extends CustomEvent {
 	static {
 		this.TYPE = "delete.image";
 	}
@@ -1491,7 +3374,7 @@ var ft = u(P)(({ theme: e }) => ({
 			}
 		}), this.src = t, this.done = n;
 	}
-}, _t = class e extends CustomEvent {
+}, ji = class e extends CustomEvent {
 	static {
 		this.TYPE = "insert.image";
 	}
@@ -1501,7 +3384,7 @@ var ft = u(P)(({ theme: e }) => ({
 			detail: t
 		}), this.handler = t;
 	}
-}, vt = class e extends CustomEvent {
+}, Mi = class e extends CustomEvent {
 	static {
 		this.TYPE = "delete.sound";
 	}
@@ -1514,7 +3397,7 @@ var ft = u(P)(({ theme: e }) => ({
 			}
 		}), this.src = t, this.done = n;
 	}
-}, yt = class e extends CustomEvent {
+}, Ni = class e extends CustomEvent {
 	static {
 		this.TYPE = "insert.sound";
 	}
@@ -1524,7 +3407,7 @@ var ft = u(P)(({ theme: e }) => ({
 			detail: t
 		}), this.handler = t;
 	}
-}, bt = {
+}, Pi = {
 	model: {
 		answers: { correctAnswer: {
 			name: "Correct Answer",
@@ -1859,17 +3742,17 @@ var ft = u(P)(({ theme: e }) => ({
 			mmlEditing: !1
 		}
 	}
-}, xt = (0, we.default)("pie-elements:graphing-solution-set:configure"), St = (e) => Object.keys(e || {}).sort().reduce((t, n) => (n !== "correctAnswer" && (t[n] = e[n]), t), {}), Ct = class e extends HTMLElement {
+}, Fi = (0, W.default)("pie-elements:graphing-solution-set:configure"), Ii = (e) => Object.keys(e || {}).sort().reduce((t, n) => (n !== "correctAnswer" && (t[n] = e[n]), t), {}), Li = class e extends HTMLElement {
 	static createDefaultModel = (e = {}) => {
 		let t = {
-			...bt.model,
+			...Pi.model,
 			...e
 		}, { answers: n = {}, domain: r = {}, graph: i = {}, range: a = {}, standardGrid: o } = t;
 		return {
 			...t,
 			answers: n && n.correctAnswer && {
 				correctAnswer: n.correctAnswer,
-				...St(n)
+				...Ii(n)
 			} || n,
 			range: o && {
 				...a,
@@ -1885,7 +3768,7 @@ var ft = u(P)(({ theme: e }) => ({
 		};
 	};
 	constructor() {
-		super(), this._root = null, this._model = e.createDefaultModel(), this._configuration = bt.configuration;
+		super(), this._root = null, this._model = e.createDefaultModel(), this._configuration = Pi.configuration;
 	}
 	set model(t) {
 		this._model = e.createDefaultModel(t), this._render();
@@ -1894,26 +3777,26 @@ var ft = u(P)(({ theme: e }) => ({
 		this._configuration = e, e.language?.enabled ? e.languageChoices?.options?.length && (this._model.language = e.languageChoices.options[0].value) : e.language.settings ? this._model.language && (this._configuration.language.enabled = !0) : delete this._model.language, this._render();
 	}
 	onModelChanged = (e) => {
-		this._model = e, this._render(), xt("[onModelChanged]: ", this._model), this.dispatchEvent(new ht(this._model));
+		this._model = e, this._render(), Fi("[onModelChanged]: ", this._model), this.dispatchEvent(new ki(this._model));
 	};
 	onConfigurationChanged = (e) => {
 		this._configuration = e, this._render();
 	};
 	insertImage = (e) => {
-		this.dispatchEvent(new _t(e));
+		this.dispatchEvent(new ji(e));
 	};
 	onDeleteImage = (e, t) => {
-		this.dispatchEvent(new gt(e, t));
+		this.dispatchEvent(new Ai(e, t));
 	};
 	insertSound(e) {
-		this.dispatchEvent(new yt(e));
+		this.dispatchEvent(new Ni(e));
 	}
 	onDeleteSound(e, t) {
-		this.dispatchEvent(new vt(e, t));
+		this.dispatchEvent(new Mi(e, t));
 	}
 	_render() {
 		if (this._model) {
-			let e = B.createElement(mt, {
+			let e = z.createElement(Oi, {
 				onModelChanged: this.onModelChanged,
 				onConfigurationChanged: this.onConfigurationChanged,
 				model: this._model,
@@ -1927,16 +3810,19 @@ var ft = u(P)(({ theme: e }) => ({
 					delete: this.onDeleteSound.bind(this)
 				}
 			});
-			this._root ||= te(this), this._root.render(e), queueMicrotask(() => {
-				g(this);
+			this._root ||= ye(this), this._root.render(e), queueMicrotask(() => {
+				oe(this);
 			});
 		}
 	}
+	connectedCallback() {
+		this._render();
+	}
 	disconnectedCallback() {
-		this._root && this._root.unmount();
+		this._root &&= (this._root.unmount(), null);
 	}
 };
 //#endregion
-export { Ct as default };
+export { Li as default };
 
 //# sourceMappingURL=index.js.map