@pie-element/graphing 10.1.2-next.2 → 10.1.2

package/dist/browser/author/index.js

@@ -1,4480 +0,0 @@
-import { D as e, N as t, R as n, _ as r, h as i, p as a, u as o, v as s } from "../dist-BrN2xZtM.js";
-import { $ as c, A as l, B as u, C 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, N as b, Q as x, R as S, S as C, U as w, V as T, W as E, X as D, Y as O, Z as k, _ as A, a as ee, at as j, b as M, c as te, ct as N, d as ne, dt as P, et as F, f as re, ft as I, g as ie, gt as L, h as ae, ht as oe, i as R, it as z, j as se, k as ce, l as le, lt as B, m as ue, mt as de, n as fe, nt as V, ot as pe, p as me, pt as he, q as H, r as ge, rt as U, s as _e, st as ve, t as ye, u as be, ut as xe, v as Se, w as Ce, x as W, y as we } from "../container-DwOO2mgz.js";
-import * as G from "react";
-import K, { Component as Te, createElement as Ee } from "react";
-import { createRoot as De } from "react-dom/client";
-import { Fragment as Oe, jsx as q, jsxs as J } from "react/jsx-runtime";
-import ke from "react-dom";
-//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/utils/createChainedFunction.js
-var Ae = _;
-//#endregion
-//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/internal/switchBaseClasses.js
-function je(e) {
-	return I("PrivateSwitchBase", e);
-}
-P("PrivateSwitchBase", [
-	"root",
-	"checked",
-	"disabled",
-	"input",
-	"edgeStart",
-	"edgeEnd"
-]);
-//#endregion
-//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/internal/SwitchBase.js
-var Me = (e) => {
-	let { classes: t, checked: n, disabled: r, edge: i } = e;
-	return B({
-		root: [
-			"root",
-			n && "checked",
-			r && "disabled",
-			i && `edge${p(i)}`
-		],
-		input: ["input"]
-	}, je, t);
-}, Ne = z(v, { name: "MuiSwitchBase" })({
-	padding: 9,
-	borderRadius: "50%",
-	variants: [
-		{
-			props: {
-				edge: "start",
-				size: "small"
-			},
-			style: { marginLeft: -3 }
-		},
-		{
-			props: ({ edge: e, ownerState: t }) => e === "start" && t.size !== "small",
-			style: { marginLeft: -12 }
-		},
-		{
-			props: {
-				edge: "end",
-				size: "small"
-			},
-			style: { marginRight: -3 }
-		},
-		{
-			props: ({ edge: e, ownerState: t }) => e === "end" && t.size !== "small",
-			style: { marginRight: -12 }
-		}
-	]
-}), Y = z("input", {
-	name: "MuiSwitchBase",
-	shouldForwardProp: j
-})({
-	cursor: "inherit",
-	position: "absolute",
-	opacity: 0,
-	width: "100%",
-	height: "100%",
-	top: 0,
-	left: 0,
-	margin: 0,
-	padding: 0,
-	zIndex: 1
-}), Pe = /*#__PURE__*/ G.forwardRef(function(e, t) {
-	let { autoFocus: n, checked: r, checkedIcon: i, defaultChecked: a, disabled: o, disableFocusRipple: s = !1, edge: c = !1, icon: l, id: u, inputProps: d, inputRef: f, name: p, onBlur: h, onChange: g, onFocus: _, readOnly: v, required: y = !1, tabIndex: b, type: x, value: S, slots: C = {}, slotProps: w = {}, ...T } = e, [E, D] = m({
-		controlled: r,
-		default: !!a,
-		name: "SwitchBase",
-		state: "checked"
-	}), O = se(), k = (e) => {
-		_ && _(e), O && O.onFocus && O.onFocus(e);
-	}, A = (e) => {
-		h && h(e), O && O.onBlur && O.onBlur(e);
-	}, ee = (e) => {
-		if (e.nativeEvent.defaultPrevented || v) return;
-		let t = e.target.checked;
-		D(t), g && g(e, t);
-	}, j = o;
-	O && j === void 0 && (j = O.disabled);
-	let M = x === "checkbox" || x === "radio", te = {
-		...e,
-		checked: E,
-		disabled: j,
-		disableFocusRipple: s,
-		edge: c
-	}, N = Me(te), ne = {
-		slots: C,
-		slotProps: {
-			input: d,
-			...w
-		}
-	}, [P, F] = H("root", {
-		ref: t,
-		elementType: Ne,
-		className: N.root,
-		shouldForwardComponentProp: !0,
-		externalForwardedProps: {
-			...ne,
-			component: "span",
-			...T
-		},
-		getSlotProps: (e) => ({
-			...e,
-			onFocus: (t) => {
-				e.onFocus?.(t), k(t);
-			},
-			onBlur: (t) => {
-				e.onBlur?.(t), A(t);
-			}
-		}),
-		ownerState: te,
-		additionalProps: {
-			centerRipple: !0,
-			focusRipple: !s,
-			role: void 0,
-			tabIndex: null
-		}
-	}), [re, I] = H("input", {
-		ref: f,
-		elementType: Y,
-		className: N.input,
-		externalForwardedProps: ne,
-		getSlotProps: (e) => ({
-			...e,
-			onChange: (t) => {
-				e.onChange?.(t), ee(t);
-			}
-		}),
-		ownerState: te,
-		additionalProps: {
-			autoFocus: n,
-			checked: r,
-			defaultChecked: a,
-			disabled: j,
-			id: M ? u : void 0,
-			name: p,
-			readOnly: v,
-			required: y,
-			tabIndex: b,
-			type: x,
-			...x === "checkbox" && S === void 0 ? {} : { value: S }
-		}
-	});
-	return /*#__PURE__*/ J(P, {
-		...F,
-		children: [/*#__PURE__*/ q(re, { ...I }), E ? i : l]
-	});
-}), Fe = E(/*#__PURE__*/ q("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"), Ie = E(/*#__PURE__*/ q("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"), Le = E(/*#__PURE__*/ q("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 Re(e) {
-	return I("MuiCheckbox", e);
-}
-var ze = P("MuiCheckbox", [
-	"root",
-	"checked",
-	"disabled",
-	"indeterminate",
-	"colorPrimary",
-	"colorSecondary",
-	"sizeSmall",
-	"sizeMedium"
-]), Be = (e) => {
-	let { classes: t, indeterminate: n, color: r, size: i } = e, a = B({ root: [
-		"root",
-		n && "indeterminate",
-		`color${p(r)}`,
-		`size${p(i)}`
-	] }, Re, t);
-	return {
-		...t,
-		...a
-	};
-}, Ve = z(Pe, {
-	shouldForwardProp: (e) => j(e) || e === "classes",
-	name: "MuiCheckbox",
-	slot: "Root",
-	overridesResolver: (e, t) => {
-		let { ownerState: n } = e;
-		return [
-			t.root,
-			n.indeterminate && t.indeterminate,
-			t[`size${p(n.size)}`],
-			n.color !== "default" && t[`color${p(n.color)}`]
-		];
-	}
-})(g(({ 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(h()).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(h()).map(([t]) => ({
-			props: { color: t },
-			style: {
-				[`&.${ze.checked}, &.${ze.indeterminate}`]: { color: (e.vars || e).palette[t].main },
-				[`&.${ze.disabled}`]: { color: (e.vars || e).palette.action.disabled }
-			}
-		})),
-		{
-			props: { disableRipple: !1 },
-			style: { "&:hover": { "@media (hover: none)": { backgroundColor: "transparent" } } }
-		}
-	]
-}))), He = /*#__PURE__*/ q(Ie, {}), Ue = /*#__PURE__*/ q(Fe, {}), We = /*#__PURE__*/ q(Le, {}), Ge = /*#__PURE__*/ G.forwardRef(function(e, t) {
-	let n = F({
-		props: e,
-		name: "MuiCheckbox"
-	}), { checkedIcon: r = He, color: i = "primary", icon: a = Ue, indeterminate: o = !1, indeterminateIcon: s = We, inputProps: c, size: l = "medium", disableRipple: d = !1, className: f, slots: p = {}, slotProps: m = {}, ...h } = n, g = o ? s : a, _ = o ? s : r, v = {
-		...n,
-		disableRipple: d,
-		color: i,
-		indeterminate: o,
-		size: l
-	}, y = Be(v), b = m.input ?? c, [x, S] = H("root", {
-		ref: t,
-		elementType: Ve,
-		className: he(y.root, f),
-		shouldForwardComponentProp: !0,
-		externalForwardedProps: {
-			slots: p,
-			slotProps: m,
-			...h
-		},
-		ownerState: v,
-		additionalProps: {
-			type: "checkbox",
-			icon: /*#__PURE__*/ G.cloneElement(g, { fontSize: g.props.fontSize ?? l }),
-			checkedIcon: /*#__PURE__*/ G.cloneElement(_, { fontSize: _.props.fontSize ?? l }),
-			disableRipple: d,
-			slots: p,
-			slotProps: { input: u(typeof b == "function" ? b(v) : b, {
-				"data-indeterminate": o,
-				"aria-checked": o ? "mixed" : void 0
-			}) }
-		}
-	});
-	return /*#__PURE__*/ q(x, {
-		...S,
-		classes: y
-	});
-});
-//#endregion
-//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/FormControlLabel/formControlLabelClasses.js
-function Ke(e) {
-	return I("MuiFormControlLabel", e);
-}
-var qe = P("MuiFormControlLabel", [
-	"root",
-	"labelPlacementStart",
-	"labelPlacementTop",
-	"labelPlacementBottom",
-	"disabled",
-	"label",
-	"error",
-	"required",
-	"asterisk"
-]), Je = (e) => {
-	let { classes: t, disabled: n, labelPlacement: r, error: i, required: a } = e;
-	return B({
-		root: [
-			"root",
-			n && "disabled",
-			`labelPlacement${p(r)}`,
-			i && "error",
-			a && "required"
-		],
-		label: ["label", n && "disabled"],
-		asterisk: ["asterisk", i && "error"]
-	}, Ke, t);
-}, Ye = z("label", {
-	name: "MuiFormControlLabel",
-	slot: "Root",
-	overridesResolver: (e, t) => {
-		let { ownerState: n } = e;
-		return [
-			{ [`& .${qe.label}`]: t.label },
-			t.root,
-			t[`labelPlacement${p(n.labelPlacement)}`]
-		];
-	}
-})(g(({ theme: e }) => ({
-	display: "inline-flex",
-	alignItems: "center",
-	cursor: "pointer",
-	verticalAlign: "middle",
-	WebkitTapHighlightColor: "transparent",
-	marginLeft: -11,
-	marginRight: 16,
-	[`&.${qe.disabled}`]: { cursor: "default" },
-	[`& .${qe.label}`]: { [`&.${qe.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 }
-		}
-	]
-}))), Xe = z("span", {
-	name: "MuiFormControlLabel",
-	slot: "Asterisk"
-})(g(({ theme: e }) => ({ [`&.${qe.error}`]: { color: (e.vars || e).palette.error.main } }))), Ze = /*#__PURE__*/ G.forwardRef(function(e, t) {
-	let n = F({
-		props: e,
-		name: "MuiFormControlLabel"
-	}), { checked: r, className: i, componentsProps: a = {}, control: o, disabled: s, disableTypography: c, inputRef: l, label: u, labelPlacement: d = "end", name: f, onChange: p, required: m, slots: h = {}, slotProps: g = {}, value: _, ...v } = n, y = se(), x = s ?? o.props.disabled ?? y?.disabled, S = m ?? o.props.required, C = {
-		disabled: x,
-		required: S
-	};
-	[
-		"checked",
-		"name",
-		"onChange",
-		"value",
-		"inputRef"
-	].forEach((e) => {
-		o.props[e] === void 0 && n[e] !== void 0 && (C[e] = n[e]);
-	});
-	let w = b({
-		props: n,
-		muiFormControl: y,
-		states: ["error"]
-	}), T = {
-		...n,
-		disabled: x,
-		labelPlacement: d,
-		required: S,
-		error: w.error
-	}, E = Je(T), [D, O] = H("typography", {
-		elementType: W,
-		externalForwardedProps: {
-			slots: h,
-			slotProps: {
-				...a,
-				...g
-			}
-		},
-		ownerState: T
-	}), k = u;
-	return k != null && k.type !== W && !c && (k = /*#__PURE__*/ q(D, {
-		component: "span",
-		...O,
-		className: he(E.label, O?.className),
-		children: k
-	})), /*#__PURE__*/ J(Ye, {
-		className: he(E.root, i),
-		ownerState: T,
-		ref: t,
-		...v,
-		children: [/*#__PURE__*/ G.cloneElement(o, C), S ? /*#__PURE__*/ J("div", { children: [k, /*#__PURE__*/ J(Xe, {
-			ownerState: T,
-			"aria-hidden": !0,
-			className: E.asterisk,
-			children: [" ", "*"]
-		})] }) : k]
-	});
-});
-//#endregion
-//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/InputAdornment/inputAdornmentClasses.js
-function Qe(e) {
-	return I("MuiInputAdornment", e);
-}
-var $e = P("MuiInputAdornment", [
-	"root",
-	"filled",
-	"standard",
-	"outlined",
-	"positionStart",
-	"positionEnd",
-	"disablePointerEvents",
-	"hiddenLabel",
-	"sizeSmall"
-]), et, tt = (e, t) => {
-	let { ownerState: n } = e;
-	return [
-		t.root,
-		t[`position${p(n.position)}`],
-		n.disablePointerEvents === !0 && t.disablePointerEvents,
-		t[n.variant]
-	];
-}, nt = (e) => {
-	let { classes: t, disablePointerEvents: n, hiddenLabel: r, position: i, size: a, variant: o } = e;
-	return B({ root: [
-		"root",
-		n && "disablePointerEvents",
-		i && `position${p(i)}`,
-		o,
-		r && "hiddenLabel",
-		a && `size${p(a)}`
-	] }, Qe, t);
-}, rt = z("div", {
-	name: "MuiInputAdornment",
-	slot: "Root",
-	overridesResolver: tt
-})(g(({ theme: e }) => ({
-	display: "flex",
-	maxHeight: "2em",
-	alignItems: "center",
-	whiteSpace: "nowrap",
-	color: (e.vars || e).palette.action.active,
-	variants: [
-		{
-			props: { variant: "filled" },
-			style: { [`&.${$e.positionStart}&:not(.${$e.hiddenLabel})`]: { marginTop: 16 } }
-		},
-		{
-			props: { position: "start" },
-			style: { marginRight: 8 }
-		},
-		{
-			props: { position: "end" },
-			style: { marginLeft: 8 }
-		},
-		{
-			props: { disablePointerEvents: !0 },
-			style: { pointerEvents: "none" }
-		}
-	]
-}))), it = /*#__PURE__*/ G.forwardRef(function(e, t) {
-	let n = F({
-		props: e,
-		name: "MuiInputAdornment"
-	}), { children: r, className: i, component: a = "div", disablePointerEvents: o = !1, disableTypography: s = !1, position: c, variant: l, ...u } = n, d = se() || {}, f = l;
-	l && d.variant, d && !f && (f = d.variant);
-	let p = {
-		...n,
-		hiddenLabel: d.hiddenLabel,
-		size: d.size,
-		disablePointerEvents: o,
-		position: c,
-		variant: f
-	}, m = nt(p);
-	return /*#__PURE__*/ q(y.Provider, {
-		value: null,
-		children: /*#__PURE__*/ q(rt, {
-			as: a,
-			ownerState: p,
-			className: he(m.root, i),
-			ref: t,
-			...u,
-			children: typeof r == "string" && !s ? /*#__PURE__*/ q(W, {
-				color: "textSecondary",
-				children: r
-			}) : /*#__PURE__*/ J(G.Fragment, { children: [c === "start" ? et ||= /*#__PURE__*/ q("span", {
-				className: "notranslate",
-				"aria-hidden": !0,
-				children: "​"
-			}) : null, r] })
-		})
-	});
-}), at = E(/*#__PURE__*/ q("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" }), "RadioButtonUnchecked"), ot = E(/*#__PURE__*/ q("path", { d: "M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z" }), "RadioButtonChecked"), st = z("span", {
-	name: "MuiRadioButtonIcon",
-	shouldForwardProp: j
-})({
-	position: "relative",
-	display: "flex"
-}), ct = z(at, { name: "MuiRadioButtonIcon" })({ transform: "scale(1)" }), lt = z(ot, { name: "MuiRadioButtonIcon" })(g(({ theme: e }) => ({
-	left: 0,
-	position: "absolute",
-	transform: "scale(0)",
-	transition: e.transitions.create("transform", {
-		easing: e.transitions.easing.easeIn,
-		duration: e.transitions.duration.shortest
-	}),
-	variants: [{
-		props: { checked: !0 },
-		style: {
-			transform: "scale(1)",
-			transition: e.transitions.create("transform", {
-				easing: e.transitions.easing.easeOut,
-				duration: e.transitions.duration.shortest
-			})
-		}
-	}]
-})));
-function ut(e) {
-	let { checked: t = !1, classes: n = {}, fontSize: r } = e, i = {
-		...e,
-		checked: t
-	};
-	return /*#__PURE__*/ J(st, {
-		className: n.root,
-		ownerState: i,
-		children: [/*#__PURE__*/ q(ct, {
-			fontSize: r,
-			className: n.background,
-			ownerState: i
-		}), /*#__PURE__*/ q(lt, {
-			fontSize: r,
-			className: n.dot,
-			ownerState: i
-		})]
-	});
-}
-//#endregion
-//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/RadioGroup/RadioGroupContext.js
-var dt = /*#__PURE__*/ G.createContext(void 0);
-//#endregion
-//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/RadioGroup/useRadioGroup.js
-function ft() {
-	return G.useContext(dt);
-}
-//#endregion
-//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/Radio/radioClasses.js
-function pt(e) {
-	return I("MuiRadio", e);
-}
-var mt = P("MuiRadio", [
-	"root",
-	"checked",
-	"disabled",
-	"colorPrimary",
-	"colorSecondary",
-	"sizeSmall"
-]), ht = (e) => {
-	let { classes: t, color: n, size: r } = e, i = { root: [
-		"root",
-		`color${p(n)}`,
-		r !== "medium" && `size${p(r)}`
-	] };
-	return {
-		...t,
-		...B(i, pt, t)
-	};
-}, gt = z(Pe, {
-	shouldForwardProp: (e) => j(e) || e === "classes",
-	name: "MuiRadio",
-	slot: "Root",
-	overridesResolver: (e, t) => {
-		let { ownerState: n } = e;
-		return [
-			t.root,
-			n.size !== "medium" && t[`size${p(n.size)}`],
-			t[`color${p(n.color)}`]
-		];
-	}
-})(g(({ theme: e }) => ({
-	color: (e.vars || e).palette.text.secondary,
-	[`&.${mt.disabled}`]: { color: (e.vars || e).palette.action.disabled },
-	variants: [
-		{
-			props: {
-				color: "default",
-				disabled: !1,
-				disableRipple: !1
-			},
-			style: { "&:hover": { backgroundColor: e.alpha((e.vars || e).palette.action.active, (e.vars || e).palette.action.hoverOpacity) } }
-		},
-		...Object.entries(e.palette).filter(h()).map(([t]) => ({
-			props: {
-				color: t,
-				disabled: !1,
-				disableRipple: !1
-			},
-			style: { "&:hover": { backgroundColor: e.alpha((e.vars || e).palette[t].main, (e.vars || e).palette.action.hoverOpacity) } }
-		})),
-		...Object.entries(e.palette).filter(h()).map(([t]) => ({
-			props: {
-				color: t,
-				disabled: !1
-			},
-			style: { [`&.${mt.checked}`]: { color: (e.vars || e).palette[t].main } }
-		})),
-		{
-			props: { disableRipple: !1 },
-			style: { "&:hover": { "@media (hover: none)": { backgroundColor: "transparent" } } }
-		}
-	]
-})));
-function _t(e, t) {
-	return typeof t == "object" && t ? e === t : String(e) === String(t);
-}
-var vt = /*#__PURE__*/ q(ut, { checked: !0 }), yt = /*#__PURE__*/ q(ut, {}), bt = /*#__PURE__*/ G.forwardRef(function(e, t) {
-	let n = F({
-		props: e,
-		name: "MuiRadio"
-	}), { checked: r, checkedIcon: i = vt, color: a = "primary", icon: o = yt, name: s, onChange: c, size: l = "medium", className: u, disabled: d, disableRipple: f = !1, slots: p = {}, slotProps: m = {}, inputProps: h, ...g } = n, _ = se(), v = d;
-	_ && v === void 0 && (v = _.disabled), v ??= !1;
-	let y = {
-		...n,
-		disabled: v,
-		disableRipple: f,
-		color: a,
-		size: l
-	}, b = ht(y), x = ft(), S = r, C = Ae(c, x && x.onChange), w = s;
-	x && (S === void 0 && (S = _t(x.value, n.value)), w === void 0 && (w = x.name));
-	let T = m.input ?? h, [E, D] = H("root", {
-		ref: t,
-		elementType: gt,
-		className: he(b.root, u),
-		shouldForwardComponentProp: !0,
-		externalForwardedProps: {
-			slots: p,
-			slotProps: m,
-			...g
-		},
-		getSlotProps: (e) => ({
-			...e,
-			onChange: (t, ...n) => {
-				e.onChange?.(t, ...n), C(t, ...n);
-			}
-		}),
-		ownerState: y,
-		additionalProps: {
-			type: "radio",
-			icon: /*#__PURE__*/ G.cloneElement(o, { fontSize: o.props.fontSize ?? l }),
-			checkedIcon: /*#__PURE__*/ G.cloneElement(i, { fontSize: i.props.fontSize ?? l }),
-			disabled: v,
-			name: w,
-			checked: S,
-			slots: p,
-			slotProps: { input: typeof T == "function" ? T(y) : T }
-		}
-	});
-	return /*#__PURE__*/ q(E, {
-		...D,
-		classes: b
-	});
-});
-//#endregion
-//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/Tooltip/tooltipClasses.js
-function xt(e) {
-	return I("MuiTooltip", e);
-}
-var X = P("MuiTooltip", [
-	"popper",
-	"popperInteractive",
-	"popperArrow",
-	"popperClose",
-	"tooltip",
-	"tooltipArrow",
-	"touch",
-	"tooltipPlacementLeft",
-	"tooltipPlacementRight",
-	"tooltipPlacementTop",
-	"tooltipPlacementBottom",
-	"arrow"
-]);
-//#endregion
-//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/Tooltip/Tooltip.js
-function St(e) {
-	return Math.round(e * 1e5) / 1e5;
-}
-var Ct = (e) => {
-	let { classes: t, disableInteractive: n, arrow: r, touch: i, placement: a } = e;
-	return B({
-		popper: [
-			"popper",
-			!n && "popperInteractive",
-			r && "popperArrow"
-		],
-		tooltip: [
-			"tooltip",
-			r && "tooltipArrow",
-			i && "touch",
-			`tooltipPlacement${p(a.split("-")[0])}`
-		],
-		arrow: ["arrow"]
-	}, xt, t);
-}, wt = z(te, {
-	name: "MuiTooltip",
-	slot: "Popper",
-	overridesResolver: (e, t) => {
-		let { ownerState: n } = e;
-		return [
-			t.popper,
-			!n.disableInteractive && t.popperInteractive,
-			n.arrow && t.popperArrow,
-			!n.open && t.popperClose
-		];
-	}
-})(g(({ theme: e }) => ({
-	zIndex: (e.vars || e).zIndex.tooltip,
-	pointerEvents: "none",
-	variants: [
-		{
-			props: ({ ownerState: e }) => !e.disableInteractive,
-			style: { pointerEvents: "auto" }
-		},
-		{
-			props: ({ open: e }) => !e,
-			style: { pointerEvents: "none" }
-		},
-		{
-			props: ({ ownerState: e }) => e.arrow,
-			style: {
-				[`&[data-popper-placement*="bottom"] .${X.arrow}`]: {
-					top: 0,
-					marginTop: "-0.71em",
-					"&::before": { transformOrigin: "0 100%" }
-				},
-				[`&[data-popper-placement*="top"] .${X.arrow}`]: {
-					bottom: 0,
-					marginBottom: "-0.71em",
-					"&::before": { transformOrigin: "100% 0" }
-				},
-				[`&[data-popper-placement*="right"] .${X.arrow}`]: {
-					height: "1em",
-					width: "0.71em",
-					"&::before": { transformOrigin: "100% 100%" }
-				},
-				[`&[data-popper-placement*="left"] .${X.arrow}`]: {
-					height: "1em",
-					width: "0.71em",
-					"&::before": { transformOrigin: "0 0" }
-				}
-			}
-		},
-		{
-			props: ({ ownerState: e }) => e.arrow && !e.isRtl,
-			style: { [`&[data-popper-placement*="right"] .${X.arrow}`]: {
-				left: 0,
-				marginLeft: "-0.71em"
-			} }
-		},
-		{
-			props: ({ ownerState: e }) => e.arrow && !!e.isRtl,
-			style: { [`&[data-popper-placement*="right"] .${X.arrow}`]: {
-				right: 0,
-				marginRight: "-0.71em"
-			} }
-		},
-		{
-			props: ({ ownerState: e }) => e.arrow && !e.isRtl,
-			style: { [`&[data-popper-placement*="left"] .${X.arrow}`]: {
-				right: 0,
-				marginRight: "-0.71em"
-			} }
-		},
-		{
-			props: ({ ownerState: e }) => e.arrow && !!e.isRtl,
-			style: { [`&[data-popper-placement*="left"] .${X.arrow}`]: {
-				left: 0,
-				marginLeft: "-0.71em"
-			} }
-		}
-	]
-}))), Tt = z("div", {
-	name: "MuiTooltip",
-	slot: "Tooltip",
-	overridesResolver: (e, t) => {
-		let { ownerState: n } = e;
-		return [
-			t.tooltip,
-			n.touch && t.touch,
-			n.arrow && t.tooltipArrow,
-			t[`tooltipPlacement${p(n.placement.split("-")[0])}`]
-		];
-	}
-})(g(({ theme: e }) => ({
-	backgroundColor: e.vars ? e.vars.palette.Tooltip.bg : e.alpha(e.palette.grey[700], .92),
-	borderRadius: (e.vars || e).shape.borderRadius,
-	color: (e.vars || e).palette.common.white,
-	fontFamily: e.typography.fontFamily,
-	padding: "4px 8px",
-	fontSize: e.typography.pxToRem(11),
-	maxWidth: 300,
-	margin: 2,
-	wordWrap: "break-word",
-	fontWeight: e.typography.fontWeightMedium,
-	[`.${X.popper}[data-popper-placement*="left"] &`]: { transformOrigin: "right center" },
-	[`.${X.popper}[data-popper-placement*="right"] &`]: { transformOrigin: "left center" },
-	[`.${X.popper}[data-popper-placement*="top"] &`]: {
-		transformOrigin: "center bottom",
-		marginBottom: "14px"
-	},
-	[`.${X.popper}[data-popper-placement*="bottom"] &`]: {
-		transformOrigin: "center top",
-		marginTop: "14px"
-	},
-	variants: [
-		{
-			props: ({ ownerState: e }) => e.arrow,
-			style: {
-				position: "relative",
-				margin: 0
-			}
-		},
-		{
-			props: ({ ownerState: e }) => e.touch,
-			style: {
-				padding: "8px 16px",
-				fontSize: e.typography.pxToRem(14),
-				lineHeight: `${St(16 / 14)}em`,
-				fontWeight: e.typography.fontWeightRegular
-			}
-		},
-		{
-			props: ({ ownerState: e }) => !e.isRtl,
-			style: {
-				[`.${X.popper}[data-popper-placement*="left"] &`]: { marginRight: "14px" },
-				[`.${X.popper}[data-popper-placement*="right"] &`]: { marginLeft: "14px" }
-			}
-		},
-		{
-			props: ({ ownerState: e }) => !e.isRtl && e.touch,
-			style: {
-				[`.${X.popper}[data-popper-placement*="left"] &`]: { marginRight: "24px" },
-				[`.${X.popper}[data-popper-placement*="right"] &`]: { marginLeft: "24px" }
-			}
-		},
-		{
-			props: ({ ownerState: e }) => !!e.isRtl,
-			style: {
-				[`.${X.popper}[data-popper-placement*="left"] &`]: { marginLeft: "14px" },
-				[`.${X.popper}[data-popper-placement*="right"] &`]: { marginRight: "14px" }
-			}
-		},
-		{
-			props: ({ ownerState: e }) => !!e.isRtl && e.touch,
-			style: {
-				[`.${X.popper}[data-popper-placement*="left"] &`]: { marginLeft: "24px" },
-				[`.${X.popper}[data-popper-placement*="right"] &`]: { marginRight: "24px" }
-			}
-		},
-		{
-			props: ({ ownerState: e }) => e.touch,
-			style: { [`.${X.popper}[data-popper-placement*="top"] &`]: { marginBottom: "24px" } }
-		},
-		{
-			props: ({ ownerState: e }) => e.touch,
-			style: { [`.${X.popper}[data-popper-placement*="bottom"] &`]: { marginTop: "24px" } }
-		}
-	]
-}))), Et = z("span", {
-	name: "MuiTooltip",
-	slot: "Arrow"
-})(g(({ theme: e }) => ({
-	overflow: "hidden",
-	position: "absolute",
-	width: "1em",
-	height: "0.71em",
-	boxSizing: "border-box",
-	color: e.vars ? e.vars.palette.Tooltip.bg : e.alpha(e.palette.grey[700], .9),
-	"&::before": {
-		content: "\"\"",
-		margin: "auto",
-		display: "block",
-		width: "100%",
-		height: "100%",
-		backgroundColor: "currentColor",
-		transform: "rotate(45deg)"
-	}
-}))), Dt = !1, Ot = new x(), kt = {
-	x: 0,
-	y: 0
-};
-function At(e, t) {
-	return (n, ...r) => {
-		t && t(n, ...r), e(n, ...r);
-	};
-}
-var jt = /*#__PURE__*/ G.forwardRef(function(e, t) {
-	let n = F({
-		props: e,
-		name: "MuiTooltip"
-	}), { arrow: r = !1, children: i, classes: a, components: o = {}, componentsProps: s = {}, describeChild: l = !1, disableFocusListener: u = !1, disableHoverListener: d = !1, disableInteractive: f = !1, disableTouchListener: p = !1, enterDelay: h = 100, enterNextDelay: g = 0, enterTouchDelay: _ = 700, followCursor: v = !1, id: y, leaveDelay: b = 0, leaveTouchDelay: x = 1500, onClose: C, onOpen: E, open: A, placement: ee = "bottom", PopperComponent: j, PopperProps: M = {}, slotProps: N = {}, slots: ne = {}, title: P, TransitionComponent: re, TransitionProps: I, ...ie } = n, L = /*#__PURE__*/ G.isValidElement(i) ? i : /*#__PURE__*/ q("span", { children: i }), ae = pe(), oe = xe(), [R, z] = G.useState(), [se, ce] = G.useState(null), le = G.useRef(!1), B = f || v, ue = c(), de = c(), fe = c(), V = c(), [me, ge] = m({
-		controlled: A,
-		default: !1,
-		name: "Tooltip",
-		state: "open"
-	}), U = me, _e = w(y), ve = G.useRef(), ye = T(() => {
-		ve.current !== void 0 && (document.body.style.WebkitUserSelect = ve.current, ve.current = void 0), V.clear();
-	});
-	G.useEffect(() => ye, [ye]);
-	let be = (e) => {
-		Ot.clear(), Dt = !0, ge(!0), E && !U && E(e);
-	}, Se = T((e) => {
-		Ot.start(800 + b, () => {
-			Dt = !1;
-		}), ge(!1), C && U && C(e), ue.start(ae.transitions.duration.shortest, () => {
-			le.current = !1;
-		});
-	}), Ce = (e) => {
-		le.current && e.type !== "touchstart" || (R && R.removeAttribute("title"), de.clear(), fe.clear(), h || Dt && g ? de.start(Dt ? g : h, () => {
-			be(e);
-		}) : be(e));
-	}, W = (e) => {
-		de.clear(), fe.start(b, () => {
-			Se(e);
-		});
-	}, [, we] = G.useState(!1), K = (e) => {
-		let t = e?.target ?? R;
-		if (!t || !S(t)) {
-			we(!1);
-			let n = e ?? new Event("blur");
-			!e && t && (Object.defineProperty(n, "target", { value: t }), Object.defineProperty(n, "currentTarget", { value: t })), W(n);
-		}
-	}, Te = (e) => {
-		R || z(e.currentTarget), S(e.target) && (we(!0), Ce(e));
-	}, Ee = (e) => {
-		le.current = !0;
-		let t = L.props;
-		t.onTouchStart && t.onTouchStart(e);
-	}, De = (e) => {
-		Ee(e), fe.clear(), ue.clear(), ye(), ve.current = document.body.style.WebkitUserSelect, document.body.style.WebkitUserSelect = "none", V.start(_, () => {
-			document.body.style.WebkitUserSelect = ve.current, Ce(e);
-		});
-	}, Oe = (e) => {
-		L.props.onTouchEnd && L.props.onTouchEnd(e), ye(), fe.start(x, () => {
-			Se(e);
-		});
-	};
-	G.useEffect(() => {
-		if (!U) return;
-		function e(e) {
-			e.key === "Escape" && Se(e);
-		}
-		return document.addEventListener("keydown", e), () => {
-			document.removeEventListener("keydown", e);
-		};
-	}, [Se, U]);
-	let ke = D(k(L), z, t);
-	!P && P !== 0 && (U = !1);
-	let Ae = G.useRef(), je = (e) => {
-		let t = L.props;
-		t.onMouseMove && t.onMouseMove(e), kt = {
-			x: e.clientX,
-			y: e.clientY
-		}, Ae.current && Ae.current.update();
-	}, Me = {}, Ne = typeof P == "string";
-	l ? (Me.title = !U && Ne && !d ? P : null, Me["aria-describedby"] = U ? _e : null) : (Me["aria-label"] = Ne ? P : null, Me["aria-labelledby"] = U && !Ne ? _e : null);
-	let Y = {
-		...Me,
-		...ie,
-		...L.props,
-		className: he(ie.className, L.props.className),
-		onTouchStart: Ee,
-		ref: ke,
-		...v ? { onMouseMove: je } : {}
-	}, Pe = {};
-	p || (Y.onTouchStart = De, Y.onTouchEnd = Oe), d || (Y.onMouseOver = At(Ce, Y.onMouseOver), Y.onMouseLeave = At(W, Y.onMouseLeave), B || (Pe.onMouseOver = Ce, Pe.onMouseLeave = W)), u || (Y.onFocus = At(Te, Y.onFocus), Y.onBlur = At(K, Y.onBlur), B || (Pe.onFocus = Te, Pe.onBlur = K));
-	let Fe = {
-		...n,
-		isRtl: oe,
-		arrow: r,
-		disableInteractive: B,
-		placement: ee,
-		PopperComponentProp: j,
-		touch: le.current
-	}, Ie = typeof N.popper == "function" ? N.popper(Fe) : N.popper, Le = G.useMemo(() => {
-		let e = [{
-			name: "arrow",
-			enabled: !!se,
-			options: {
-				element: se,
-				padding: 4
-			}
-		}];
-		return M.popperOptions?.modifiers && (e = e.concat(M.popperOptions.modifiers)), Ie?.popperOptions?.modifiers && (e = e.concat(Ie.popperOptions.modifiers)), {
-			...M.popperOptions,
-			...Ie?.popperOptions,
-			modifiers: e
-		};
-	}, [
-		se,
-		M.popperOptions,
-		Ie?.popperOptions
-	]), Re = Ct(Fe), ze = typeof N.transition == "function" ? N.transition(Fe) : N.transition, Be = {
-		slots: {
-			popper: o.Popper,
-			transition: o.Transition ?? re,
-			tooltip: o.Tooltip,
-			arrow: o.Arrow,
-			...ne
-		},
-		slotProps: {
-			arrow: N.arrow ?? s.arrow,
-			popper: {
-				...M,
-				...Ie ?? s.popper
-			},
-			tooltip: N.tooltip ?? s.tooltip,
-			transition: {
-				...I,
-				...ze ?? s.transition
-			}
-		}
-	}, [Ve, He] = H("popper", {
-		elementType: wt,
-		externalForwardedProps: Be,
-		ownerState: Fe,
-		className: he(Re.popper, M?.className)
-	}), [Ue, We] = H("transition", {
-		elementType: O,
-		externalForwardedProps: Be,
-		ownerState: Fe
-	}), [Ge, Ke] = H("tooltip", {
-		elementType: Tt,
-		className: Re.tooltip,
-		externalForwardedProps: Be,
-		ownerState: Fe
-	}), [qe, Je] = H("arrow", {
-		elementType: Et,
-		className: Re.arrow,
-		externalForwardedProps: Be,
-		ownerState: Fe,
-		ref: ce
-	});
-	return /*#__PURE__*/ J(G.Fragment, { children: [/*#__PURE__*/ G.cloneElement(L, Y), /*#__PURE__*/ q(Ve, {
-		as: j ?? te,
-		placement: ee,
-		anchorEl: v ? { getBoundingClientRect: () => ({
-			top: kt.y,
-			left: kt.x,
-			right: kt.x,
-			bottom: kt.y,
-			width: 0,
-			height: 0
-		}) } : R,
-		popperRef: Ae,
-		open: R ? U : !1,
-		id: _e,
-		transition: !0,
-		...Pe,
-		...He,
-		popperOptions: Le,
-		children: ({ TransitionProps: e }) => /*#__PURE__*/ q(Ue, {
-			timeout: ae.transitions.duration.shorter,
-			...e,
-			...We,
-			children: /*#__PURE__*/ J(Ge, {
-				...Ke,
-				children: [P, r ? /*#__PURE__*/ q(qe, { ...Je }) : null]
-			})
-		})
-	})] });
-});
-//#endregion
-//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/Switch/switchClasses.js
-function Mt(e) {
-	return I("MuiSwitch", e);
-}
-var Z = P("MuiSwitch", [
-	"root",
-	"edgeStart",
-	"edgeEnd",
-	"switchBase",
-	"colorPrimary",
-	"colorSecondary",
-	"sizeSmall",
-	"sizeMedium",
-	"checked",
-	"disabled",
-	"input",
-	"thumb",
-	"track"
-]), Nt = (e) => {
-	let { classes: t, edge: n, size: r, color: i, checked: a, disabled: o } = e, s = B({
-		root: [
-			"root",
-			n && `edge${p(n)}`,
-			`size${p(r)}`
-		],
-		switchBase: [
-			"switchBase",
-			`color${p(i)}`,
-			a && "checked",
-			o && "disabled"
-		],
-		thumb: ["thumb"],
-		track: ["track"],
-		input: ["input"]
-	}, Mt, t);
-	return {
-		...t,
-		...s
-	};
-}, Pt = z("span", {
-	name: "MuiSwitch",
-	slot: "Root",
-	overridesResolver: (e, t) => {
-		let { ownerState: n } = e;
-		return [
-			t.root,
-			n.edge && t[`edge${p(n.edge)}`],
-			t[`size${p(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,
-				[`& .${Z.thumb}`]: {
-					width: 16,
-					height: 16
-				},
-				[`& .${Z.switchBase}`]: {
-					padding: 4,
-					[`&.${Z.checked}`]: { transform: "translateX(16px)" }
-				}
-			}
-		}
-	]
-}), Ft = z(Pe, {
-	name: "MuiSwitch",
-	slot: "SwitchBase",
-	overridesResolver: (e, t) => {
-		let { ownerState: n } = e;
-		return [
-			t.switchBase,
-			{ [`& .${Z.input}`]: t.input },
-			n.color !== "default" && t[`color${p(n.color)}`]
-		];
-	}
-})(g(({ 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 }),
-	[`&.${Z.checked}`]: { transform: "translateX(20px)" },
-	[`&.${Z.disabled}`]: { color: e.vars ? e.vars.palette.Switch.defaultDisabledColor : `${e.palette.mode === "light" ? e.palette.grey[100] : e.palette.grey[600]}` },
-	[`&.${Z.checked} + .${Z.track}`]: { opacity: .5 },
-	[`&.${Z.disabled} + .${Z.track}`]: { opacity: e.vars ? e.vars.opacity.switchTrackDisabled : `${e.palette.mode === "light" ? .12 : .2}` },
-	[`& .${Z.input}`]: {
-		left: "-100%",
-		width: "300%"
-	}
-})), g(({ 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(h(["light"])).map(([t]) => ({
-		props: { color: t },
-		style: {
-			[`&.${Z.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" }
-				},
-				[`&.${Z.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)}` }
-			},
-			[`&.${Z.checked} + .${Z.track}`]: { backgroundColor: (e.vars || e).palette[t].main }
-		}
-	}))]
-}))), It = z("span", {
-	name: "MuiSwitch",
-	slot: "Track"
-})(g(({ 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}`
-}))), Lt = z("span", {
-	name: "MuiSwitch",
-	slot: "Thumb"
-})(g(({ 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__*/ G.forwardRef(function(e, t) {
-	let n = F({
-		props: e,
-		name: "MuiSwitch"
-	}), { className: r, color: i = "primary", edge: a = !1, size: o = "medium", sx: s, slots: c = {}, slotProps: l = {}, ...d } = n, f = {
-		...n,
-		color: i,
-		edge: a,
-		size: o
-	}, p = Nt(f), m = l.input, h = {
-		slots: c,
-		slotProps: l
-	}, [g, _] = H("root", {
-		className: he(p.root, r),
-		elementType: Pt,
-		externalForwardedProps: h,
-		ownerState: f,
-		additionalProps: { sx: s }
-	}), [v, y] = H("thumb", {
-		className: p.thumb,
-		elementType: Lt,
-		externalForwardedProps: h,
-		ownerState: f
-	}), b = /*#__PURE__*/ q(v, { ...y }), [x, S] = H("track", {
-		className: p.track,
-		elementType: It,
-		externalForwardedProps: h,
-		ownerState: f
-	});
-	return /*#__PURE__*/ J(g, {
-		..._,
-		children: [/*#__PURE__*/ q(Ft, {
-			type: "checkbox",
-			icon: b,
-			checkedIcon: b,
-			ref: t,
-			ownerState: f,
-			...d,
-			classes: {
-				...p,
-				root: p.switchBase
-			},
-			slots: {
-				...c.switchBase && { root: c.switchBase },
-				...c.input && { input: c.input }
-			},
-			slotProps: {
-				...l.switchBase && { root: typeof l.switchBase == "function" ? l.switchBase(f) : l.switchBase },
-				input: u(typeof m == "function" ? m(f) : m, { role: "switch" })
-			}
-		}), /*#__PURE__*/ q(x, { ...S })]
-	});
-}), zt = /* @__PURE__ */ n(o(), 1), Q = /* @__PURE__ */ n(oe(), 1), Bt = z(be)(() => ({ fontSize: "max(1.25rem, 18px)" })), Vt = z(le)(() => ({ fontSize: "max(1rem, 14px)" })), Ht = ({ text: e, title: t, onClose: n, onConfirm: r, open: i, onCloseText: a, onConfirmText: o, disableAutoFocus: s, disableEnforceFocus: c, disableRestoreFocus: l }) => /* @__PURE__ */ J(me, {
-	open: i,
-	disableAutoFocus: s,
-	disableEnforceFocus: c,
-	disableRestoreFocus: l,
-	onClose: n,
-	children: [
-		t && /* @__PURE__ */ q(Bt, { children: t }),
-		e && /* @__PURE__ */ q(ie, { children: /* @__PURE__ */ q(Vt, { children: e }) }),
-		/* @__PURE__ */ J(ue, { children: [n && /* @__PURE__ */ q(f, {
-			onClick: n,
-			color: "primary",
-			children: a
-		}), r && /* @__PURE__ */ q(f, {
-			autoFocus: !0,
-			onClick: r,
-			color: "primary",
-			children: o
-		})] })
-	]
-});
-Ht.defaultProps = {
-	onCloseText: "CANCEL",
-	onConfirmText: "OK",
-	disableAutoFocus: !1,
-	disableEnforceFocus: !1,
-	disableRestoreFocus: !1
-}, Ht.propTypes = {
-	text: Q.default.oneOfType([Q.default.string, Q.default.object]),
-	title: Q.default.string,
-	onClose: Q.default.func,
-	onConfirm: Q.default.func,
-	open: Q.default.bool,
-	onConfirmText: Q.default.string,
-	onCloseText: Q.default.string,
-	disableAutoFocus: Q.default.bool,
-	disableEnforceFocus: Q.default.bool,
-	disableRestoreFocus: Q.default.bool
-};
-//#endregion
-//#region ../../lib-react/config-ui/dist/radio-with-label.js
-var Ut = z(Ze)(() => ({ "& .MuiFormControlLabel-label": {
-	left: "-5px",
-	position: "relative"
-} })), Wt = z(bt)(() => ({ color: `${V.tertiary()} !important` })), Gt = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ q(Ut, {
-	value: t,
-	control: /* @__PURE__ */ q(Wt, {
-		checked: n,
-		onChange: r
-	}),
-	label: e
-});
-Gt.propTypes = {
-	label: Q.default.string,
-	value: Q.default.string,
-	checked: Q.default.bool,
-	onChange: Q.default.func
-};
-//#endregion
-//#region ../../lib-react/config-ui/dist/tabs/index.js
-var Kt = z(ne)(() => ({})), qt = class extends K.Component {
-	static propTypes = {
-		className: Q.default.string,
-		contentClassName: Q.default.string,
-		contentStyle: Q.default.object,
-		children: Q.default.oneOfType([Q.default.arrayOf(Q.default.node), Q.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__ */ J("div", {
-			className: n,
-			children: [/* @__PURE__ */ q(re, {
-				indicatorColor: "primary",
-				value: e,
-				onChange: this.handleChange,
-				children: K.Children.map(t, (e, t) => e && e.props.title ? /* @__PURE__ */ q(Kt, { label: e.props.title }, t) : null)
-			}), /* @__PURE__ */ q("div", {
-				className: r,
-				style: i,
-				children: t[e]
-			})]
-		});
-	}
-}, Jt = z(Ze)(({ 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: N[700],
-			fontSize: e.typography.fontSize - 3
-		}
-	}
-})), Yt = z(Ge)(({ theme: e, mini: t, error: n }) => ({
-	color: `${V.tertiary()} !important`,
-	...t && {
-		margin: 0,
-		padding: 0,
-		width: e.spacing(3),
-		height: e.spacing(3)
-	},
-	...n && { color: `${e.palette.error.main} !important` }
-})), Xt = ({ mini: e, checked: t, onChange: n, value: r, label: i, error: a }) => /* @__PURE__ */ q(Jt, {
-	mini: e,
-	control: /* @__PURE__ */ q(Yt, {
-		checked: t,
-		onChange: n,
-		value: r,
-		mini: e,
-		error: a
-	}),
-	label: i
-});
-Xt.propTypes = {
-	mini: Q.default.bool,
-	checked: Q.default.bool.isRequired,
-	onChange: Q.default.func.isRequired,
-	value: Q.default.string,
-	label: Q.default.string.isRequired,
-	error: Q.default.bool
-}, Xt.defaultProps = {
-	value: "",
-	mini: !1,
-	error: !1
-};
-//#endregion
-//#region ../../lib-react/config-ui/dist/number-text-field.js
-var Zt = (0, zt.default)("@pie-lib:config-ui:number-text-field"), Qt = z(ae)(({ 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"
-	}
-})), $t = (e, t) => {
-	if (!s(e) && !s(t)) return 0;
-	if (!s(e) && s(t)) return t;
-	if (s(e)) return e;
-}, en = class extends K.Component {
-	static propTypes = {
-		disabled: Q.default.bool,
-		className: Q.default.string,
-		inputClassName: Q.default.string,
-		onChange: Q.default.func.isRequired,
-		value: Q.default.number,
-		min: Q.default.number,
-		max: Q.default.number,
-		label: Q.default.string,
-		suffix: Q.default.string,
-		showErrorWhenOutsideRange: Q.default.bool,
-		disableUnderline: Q.default.bool,
-		variant: Q.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 s(e) ? (s(n) && (e = Math.min(e, n)), s(t) && (e = Math.max(e, t)), e) : $t(t, n);
-	}
-	onBlur = (e) => {
-		let t = e.target.value, n = parseFloat(t);
-		Zt("rawNumber: ", n);
-		let r = this.clamp(n);
-		Zt("number: ", r), r !== this.state.value && (Zt("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__ */ q(Qt, {
-			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__ */ q(it, {
-					position: "end",
-					children: r
-				}),
-				className: o,
-				inputProps: {
-					min: i,
-					max: a
-				}
-			} },
-			margin: "normal"
-		});
-	}
-}, tn = (e) => typeof e == "object" && !!e && typeof e.n == "number" && typeof e.d == "number", nn = (e) => {
-	if (typeof e == "number") return e;
-	if (tn(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);
-}, rn = E(/*#__PURE__*/ q("path", { d: "M19 13H5v-2h14z" }), "Remove"), an = E(/*#__PURE__*/ q("path", { d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z" }), "Add"), on = z(ae)(() => ({
-	"& 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
-	}
-})), sn = z(d)(() => ({ padding: "2px" })), cn = (e, t) => {
-	if (!s(e) && !s(t)) return 0;
-	if (!s(e) && s(t)) return t;
-	if (s(e)) return e;
-}, ln = class extends K.Component {
-	static propTypes = {
-		className: Q.default.string,
-		customValues: Q.default.array,
-		disabled: Q.default.bool,
-		error: Q.default.bool,
-		inputClassName: Q.default.string,
-		helperText: Q.default.string,
-		onChange: Q.default.func.isRequired,
-		onlyIntegersAllowed: Q.default.bool,
-		value: Q.default.any,
-		min: Q.default.number,
-		max: Q.default.number,
-		step: Q.default.number,
-		label: Q.default.string,
-		disableUnderline: Q.default.bool,
-		textAlign: Q.default.string,
-		variant: Q.default.string,
-		type: Q.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 : s(e) ? (s(n) && (e = Math.min(e, n)), s(t) && (e = Math.max(e, t)), e) : cn(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(nn(n) - nn(t)) < Math.abs(nn(e.value) - nn(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: i, max: a, customValues: o, 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 o.length > 0 ? (g = m === o[0], _ = m === o[o.length - 1]) : s(i) && s(a) && (g = m === i, _ = m === a), /* @__PURE__ */ q(on, {
-			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__ */ q(it, {
-					position: "start",
-					children: /* @__PURE__ */ q(sn, {
-						disabled: n || g,
-						onClick: (e) => this.changeValue(e, -1, !0),
-						size: "large",
-						children: /* @__PURE__ */ q(rn, { fontSize: "small" })
-					})
-				}),
-				endAdornment: /* @__PURE__ */ q(it, {
-					position: "end",
-					children: /* @__PURE__ */ q(sn, {
-						disabled: n || _,
-						onClick: (e) => this.changeValue(e, 1, !0),
-						size: "large",
-						children: /* @__PURE__ */ q(an, { fontSize: "small" })
-					})
-				})
-			},
-			inputProps: {
-				style: { textAlign: f },
-				min: i,
-				max: a
-			}
-		});
-	}
-};
-//#endregion
-//#region ../../lib-react/config-ui/dist/two-choice.js
-function un(e) {
-	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
-}
-function dn(e, t) {
-	return !e || un(e) ? e : un(e.default) ? e.default : t && un(e[t]) ? e[t] : t && un(e[t]?.default) ? e[t].default : e;
-}
-var fn = dn(ce, "InputContainer") || dn(hn.InputContainer, "InputContainer"), pn = Ce, mn = pn.default, hn = mn && typeof mn == "object" ? mn : pn, gn = z("div")(({ theme: e, direction: t }) => ({
-	display: "flex",
-	flexWrap: "wrap",
-	paddingLeft: 0,
-	marginTop: e.spacing(1),
-	...t === "vertical" && { flexDirection: "column" }
-})), _n = class extends K.Component {
-	static propTypes = {
-		header: Q.default.string.isRequired,
-		className: Q.default.string,
-		customLabel: Q.default.func,
-		opts: Q.default.array.isRequired,
-		value: Q.default.string,
-		onChange: Q.default.func.isRequired,
-		direction: Q.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 || Gt;
-		return /* @__PURE__ */ q(fn, {
-			label: e,
-			className: t,
-			children: /* @__PURE__ */ q(gn, {
-				direction: a,
-				children: o.map((e, t) => /* @__PURE__ */ q(s, {
-					value: e.value,
-					checked: e.value === i,
-					onChange: this.handleChange,
-					label: e.label
-				}, t))
-			})
-		});
-	}
-}, vn = Q.default.shape({
-	label: Q.default.string,
-	value: Q.default.string
-});
-(class extends K.Component {
-	static propTypes = {
-		header: Q.default.string.isRequired,
-		value: Q.default.string.isRequired,
-		onChange: Q.default.func.isRequired,
-		one: Q.default.oneOfType([vn, Q.default.string]),
-		two: Q.default.oneOfType([vn, Q.default.string]),
-		className: Q.default.string,
-		customLabel: Q.default.func
-	};
-	render() {
-		let { one: e, two: t, header: n, className: r, customLabel: i, value: a, onChange: o } = this.props;
-		return /* @__PURE__ */ q(_n, {
-			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 yn = Object.defineProperty, bn = (e, t) => {
-	let n = {};
-	for (var r in e) yn(n, r, {
-		get: e[r],
-		enumerable: !0
-	});
-	return t || yn(n, Symbol.toStringTag, { value: "Module" }), n;
-}, xn = z("div")(() => ({
-	display: "flex",
-	flexDirection: "column",
-	position: "relative"
-})), Sn = z("div")(() => ({
-	display: "flex",
-	justifyContent: "space-between"
-})), Cn = z("div")(({ theme: e }) => ({ padding: `${e.spacing(2)} 0` })), wn = z("div")(() => ({ flex: "1" })), Tn = z("div")(({ theme: e }) => ({ marginLeft: e.spacing(2) })), En = class extends K.Component {
-	static propTypes = {
-		mode: Q.default.oneOf(["tabbed", "inline"]),
-		secondary: Q.default.oneOfType([Q.default.arrayOf(Q.default.node), Q.default.node]),
-		children: Q.default.oneOfType([Q.default.arrayOf(Q.default.node), Q.default.node]),
-		dimensions: Q.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__ */ J(xn, {
-			style: {
-				minHeight: i,
-				minWidth: a,
-				maxHeight: o,
-				maxWidth: s
-			},
-			children: [
-				e === "inline" && /* @__PURE__ */ J(Sn, { children: [/* @__PURE__ */ q(wn, {
-					className: "design-container",
-					children: n
-				}), l && /* @__PURE__ */ q(Tn, {
-					className: "settings-container",
-					children: t
-				})] }),
-				e === "tabbed" && l && /* @__PURE__ */ J(qt, {
-					onChange: this.onTabsChange,
-					contentClassName: "content-container",
-					indicatorColor: "primary",
-					children: [/* @__PURE__ */ q(Cn, {
-						title: "Design",
-						className: "design-container",
-						children: n
-					}), /* @__PURE__ */ q(Cn, {
-						title: "Settings",
-						className: "settings-container",
-						children: t
-					})]
-				}),
-				e === "tabbed" && !l && /* @__PURE__ */ q(Cn, {
-					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 Dn() {
-	return Dn = 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;
-	}, Dn.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 On(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 kn(e, t) {
-	return kn = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
-		return e.__proto__ = t, e;
-	}, kn(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 An(e, t) {
-	e.prototype = Object.create(t.prototype), e.prototype.constructor = e, kn(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 jn = (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;
-	}();
-})(), Mn = typeof window < "u" && typeof document < "u" && window.document === document, Nn = (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")();
-})(), Pn = (function() {
-	return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(Nn) : function(e) {
-		return setTimeout(function() {
-			return e(Date.now());
-		}, 1e3 / 60);
-	};
-})(), Fn = 2;
-function In(e, t) {
-	var n = !1, r = !1, i = 0;
-	function a() {
-		n && (n = !1, e()), r && s();
-	}
-	function o() {
-		Pn(a);
-	}
-	function s() {
-		var e = Date.now();
-		if (n) {
-			if (e - i < Fn) return;
-			r = !0;
-		} else n = !0, r = !1, setTimeout(o, t);
-		i = e;
-	}
-	return s;
-}
-var Ln = 20, Rn = [
-	"top",
-	"right",
-	"bottom",
-	"left",
-	"width",
-	"height",
-	"size",
-	"weight"
-], zn = typeof MutationObserver < "u", Bn = function() {
-	function e() {
-		this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = In(this.refresh.bind(this), Ln);
-	}
-	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() {
-		!Mn || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), zn ? (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() {
-		!Mn || !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;
-		Rn.some(function(e) {
-			return !!~n.indexOf(e);
-		}) && this.refresh();
-	}, e.getInstance = function() {
-		return this.instance_ ||= new e(), this.instance_;
-	}, e.instance_ = null, e;
-}(), Vn = (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;
-}), Hn = (function(e) {
-	return e && e.ownerDocument && e.ownerDocument.defaultView || Nn;
-}), Un = $n(0, 0, 0, 0);
-function Wn(e) {
-	return parseFloat(e) || 0;
-}
-function Gn(e) {
-	return [...arguments].slice(1).reduce(function(t, n) {
-		var r = e["border-" + n + "-width"];
-		return t + Wn(r);
-	}, 0);
-}
-function Kn(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] = Wn(o);
-	}
-	return n;
-}
-function qn(e) {
-	var t = e.getBBox();
-	return $n(0, 0, t.width, t.height);
-}
-function Jn(e) {
-	var t = e.clientWidth, n = e.clientHeight;
-	if (!t && !n) return Un;
-	var r = Hn(e).getComputedStyle(e), i = Kn(r), a = i.left + i.right, o = i.top + i.bottom, s = Wn(r.width), c = Wn(r.height);
-	if (r.boxSizing === "border-box" && (Math.round(s + a) !== t && (s -= Gn(r, "left", "right") + a), Math.round(c + o) !== n && (c -= Gn(r, "top", "bottom") + o)), !Xn(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 $n(i.left, i.top, s, c);
-}
-var Yn = (function() {
-	return typeof SVGGraphicsElement < "u" ? function(e) {
-		return e instanceof Hn(e).SVGGraphicsElement;
-	} : function(e) {
-		return e instanceof Hn(e).SVGElement && typeof e.getBBox == "function";
-	};
-})();
-function Xn(e) {
-	return e === Hn(e).document.documentElement;
-}
-function Zn(e) {
-	return Mn ? Yn(e) ? qn(e) : Jn(e) : Un;
-}
-function Qn(e) {
-	var t = e.x, n = e.y, r = e.width, i = e.height, a = Object.create((typeof DOMRectReadOnly < "u" ? DOMRectReadOnly : Object).prototype);
-	return Vn(a, {
-		x: t,
-		y: n,
-		width: r,
-		height: i,
-		top: n,
-		right: t + r,
-		bottom: i + n,
-		left: t
-	}), a;
-}
-function $n(e, t, n, r) {
-	return {
-		x: e,
-		y: t,
-		width: n,
-		height: r
-	};
-}
-var er = function() {
-	function e(e) {
-		this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = $n(0, 0, 0, 0), this.target = e;
-	}
-	return e.prototype.isActive = function() {
-		var e = Zn(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;
-}(), tr = function() {
-	function e(e, t) {
-		var n = Qn(t);
-		Vn(this, {
-			target: e,
-			contentRect: n
-		});
-	}
-	return e;
-}(), nr = function() {
-	function e(e, t, n) {
-		if (this.activeObservations_ = [], this.observations_ = new jn(), 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 Hn(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
-			var t = this.observations_;
-			t.has(e) || (t.set(e, new er(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 Hn(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 tr(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;
-}(), rr = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new jn(), ir = 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 nr(t, Bn.getInstance(), this);
-		rr.set(this, n);
-	}
-	return e;
-}();
-[
-	"observe",
-	"unobserve",
-	"disconnect"
-].forEach(function(e) {
-	ir.prototype[e] = function() {
-		var t;
-		return (t = rr.get(this))[e].apply(t, arguments);
-	};
-});
-var ar = (function() {
-	return Nn.ResizeObserver === void 0 ? ir : Nn.ResizeObserver;
-})(), or = [
-	"client",
-	"offset",
-	"scroll",
-	"bounds",
-	"margin"
-];
-function sr(e) {
-	var t = [];
-	return or.forEach(function(n) {
-		e[n] && t.push(n);
-	}), t;
-}
-function cr(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 lr(e) {
-	return e && e.ownerDocument && e.ownerDocument.defaultView || window;
-}
-function ur(e) {
-	return function(t) {
-		var n, r;
-		return r = n = /*#__PURE__*/ function(n) {
-			An(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 = cr(t._node, e || sr(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 = lr(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 ar(this.measure), this._node !== null && (this._resizeObserver.observe(this._node), typeof this.props.onResize == "function" && this.props.onResize(cr(this._node, e || sr(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, Ee(t, Dn({}, On(e, ["innerRef", "onResize"]), {
-					measureRef: this._handleRef,
-					measure: this.measure,
-					contentRect: this.state.contentRect
-				}));
-			}, r;
-		}(Te), n.propTypes = {
-			client: Q.default.bool,
-			offset: Q.default.bool,
-			scroll: Q.default.bool,
-			bounds: Q.default.bool,
-			margin: Q.default.bool,
-			innerRef: Q.default.oneOfType([Q.default.object, Q.default.func]),
-			onResize: Q.default.func
-		}, r;
-	};
-}
-var dr = ur()(function(e) {
-	var t = e.measure, n = e.measureRef, r = e.contentRect, i = e.children;
-	return i({
-		measure: t,
-		measureRef: n,
-		contentRect: r
-	});
-});
-dr.displayName = "Measure", dr.propTypes.children = Q.default.func;
-//#endregion
-//#region ../../lib-react/config-ui/dist/layout/settings-box.js
-var fr = z("div")(({ theme: e }) => ({
-	backgroundColor: e.palette.background.paper,
-	border: `2px solid ${e.palette.grey[200]}`,
-	display: "flex",
-	flexDirection: "column",
-	justifyContent: "flex-start",
-	minWidth: "275px",
-	maxWidth: "300px",
-	padding: "20px 4px 4px 20px",
-	zIndex: 99
-})), pr = class extends K.Component {
-	static propTypes = {
-		className: Q.default.string,
-		children: Q.default.oneOfType([Q.default.arrayOf(Q.default.node), Q.default.node]).isRequired
-	};
-	static defaultProps = {};
-	render() {
-		let { className: e, children: t } = this.props;
-		return /* @__PURE__ */ q(fr, {
-			className: e,
-			children: t
-		});
-	}
-}, mr = ve({
-	typography: { fontFamily: "inherit" },
-	components: { MuiButton: { styleOverrides: { contained: {
-		backgroundColor: "#e0e0e0",
-		color: "#000000",
-		"&:hover": { backgroundColor: "#bdbdbd" }
-	} } } }
-}), hr = class extends K.Component {
-	static propTypes = {
-		children: Q.default.oneOfType([
-			Q.default.string,
-			Q.default.arrayOf(Q.default.element),
-			Q.default.element
-		]),
-		className: Q.default.string,
-		dimensions: Q.default.object,
-		settings: Q.default.element,
-		sidePanelMinWidth: Q.default.number,
-		hideSettings: Q.default.bool,
-		extraCSSRules: Q.default.shape({
-			names: Q.default.arrayOf(Q.default.string),
-			rules: Q.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__ */ q(de, {
-			injectFirst: !0,
-			children: /* @__PURE__ */ q(U, {
-				theme: mr,
-				children: /* @__PURE__ */ q(dr, {
-					bounds: !0,
-					onResize: this.onResize,
-					children: ({ measureRef: e }) => {
-						let { children: t, settings: n, hideSettings: r, dimensions: i, extraCSSRules: a } = this.props, { layoutMode: o } = this.state, s = r ? null : o === "inline" ? /* @__PURE__ */ q(pr, {
-							className: "settings-box",
-							children: n
-						}) : n;
-						return /* @__PURE__ */ J("div", {
-							ref: e,
-							className: "main-container extraCSSRules",
-							children: [a?.rules ? /* @__PURE__ */ q("style", { dangerouslySetInnerHTML: { __html: `.extraCSSRules { ${a.rules} }` } }) : null, /* @__PURE__ */ q(En, {
-								mode: o,
-								secondary: s,
-								dimensions: i,
-								children: t
-							})]
-						});
-					}
-				})
-			})
-		});
-	}
-}, gr = ur("bounds")(hr), _r = /* @__PURE__ */ bn({
-	ConfigLayout: () => gr,
-	LayoutContents: () => En
-}), vr = z("div")(() => ({
-	display: "flex",
-	width: "100%",
-	justifyContent: "space-between"
-})), yr = z(l)(({ theme: e }) => ({
-	color: "rgba(0, 0, 0, 0.89)",
-	fontSize: e.typography.fontSize,
-	paddingTop: e.spacing(2)
-})), br = z(Rt)(({ checked: e }) => ({
-	"&.Mui-checked .MuiSwitch-thumb": { color: `${V.tertiary()} !important` },
-	"&.Mui-checked .MuiSwitch-track": { backgroundColor: `${V.tertiaryLight()} !important` },
-	"& .MuiSwitch-track": { backgroundColor: e ? `${V.tertiaryLight()} !important` : void 0 }
-})), xr = ({ checked: e, disabled: t, label: n, toggle: r }) => /* @__PURE__ */ J(vr, { children: [/* @__PURE__ */ q(yr, { children: n }), /* @__PURE__ */ q(br, {
-	checked: e,
-	disabled: t,
-	onChange: (e) => r(e.target.checked)
-})] });
-xr.propTypes = {
-	checked: Q.default.bool,
-	disabled: Q.default.bool,
-	label: Q.default.string.isRequired,
-	toggle: Q.default.func.isRequired
-};
-//#endregion
-//#region ../../lib-react/config-ui/dist/settings/settings-radio-label.js
-var Sr = z(Ze)(({ theme: e }) => ({ "& .MuiFormControlLabel-label": {
-	color: "rgba(0, 0, 0, 0.89)",
-	fontSize: e.typography.fontSize - 2,
-	left: "-5px",
-	position: "relative"
-} })), Cr = z(bt)(() => ({ color: `${V.tertiary()} !important` })), wr = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ q(Sr, {
-	value: t,
-	control: /* @__PURE__ */ q(Cr, {
-		checked: n,
-		onChange: r
-	}),
-	label: e
-});
-wr.propTypes = {
-	label: Q.default.string,
-	value: Q.default.string,
-	checked: Q.default.bool,
-	onChange: Q.default.func
-};
-//#endregion
-//#region ../../lib-react/config-ui/dist/settings/panel.js
-var Tr = (0, zt.default)("pie-lib:config-ui:settings:panel"), Er = {
-	label: Q.default.string,
-	value: Q.default.string
-}, Dr = {
-	label: Q.default.string,
-	value: Q.default.string,
-	onChange: Q.default.func
-}, Or = ({ label: e, value: t, onChange: n }) => /* @__PURE__ */ q(Xt, {
-	checked: t,
-	label: e,
-	onChange: (e) => {
-		n(e.target.checked);
-	}
-});
-Or.propTypes = {
-	label: Q.default.string,
-	value: Q.default.bool,
-	onChange: Q.default.func
-};
-var kr = z(_n)(({ 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) }
-})), Ar = ({ label: e, value: t, onChange: n, choices: r }) => /* @__PURE__ */ q(kr, {
-	direction: "horizontal",
-	customLabel: wr,
-	value: t,
-	header: e,
-	opts: r,
-	onChange: n
-});
-Ar.propTypes = {
-	...Dr,
-	choices: Q.default.arrayOf(Q.default.shape(Er))
-};
-var jr = Ar, Mr = z("p")(({ theme: e }) => ({
-	margin: 0,
-	fontSize: e.typography.fontSize
-})), Nr = z(Se)(({ theme: e }) => ({
-	marginTop: e.spacing(.5),
-	border: "2px solid lightgrey",
-	padding: `0 ${e.spacing(1)}`,
-	borderRadius: "4px"
-})), Pr = ({ label: e, value: t, onChange: n, choices: r = [] }) => {
-	let i = (e) => typeof e == "string" ? e : e.label, a = (e) => typeof e == "string" ? e : e.value;
-	return /* @__PURE__ */ J("div", { children: [e && /* @__PURE__ */ q(Mr, { children: e }), /* @__PURE__ */ q(Nr, {
-		value: t || r && r[0],
-		onChange: ({ target: e }) => n(e.value),
-		input: /* @__PURE__ */ q(M, { id: `dropdown-${e}` }),
-		disableUnderline: !0,
-		MenuProps: { transitionDuration: {
-			enter: 225,
-			exit: 195
-		} },
-		children: r.map((e, t) => /* @__PURE__ */ q(A, {
-			value: a(e),
-			children: i(e)
-		}, t))
-	})] });
-};
-Pr.propTypes = {
-	...Dr,
-	choices: Q.default.arrayOf(Q.default.string)
-};
-var Fr = z(W)(({ theme: e }) => ({
-	marginRight: e.spacing(3),
-	marginTop: e.spacing(1)
-})), Ir = ({ label: e }) => /* @__PURE__ */ q(Fr, { children: e }), Lr = z(en)(({ 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"
-	}
-})), Rr = ({ label: e, value: t, onChange: n = () => {}, suffix: r, min: i, max: a }) => /* @__PURE__ */ q(Lr, {
-	variant: "standard",
-	label: e || "Label",
-	value: t,
-	max: a,
-	min: i,
-	onChange: (e, t) => n(t),
-	suffix: r,
-	showErrorWhenOutsideRange: !0,
-	disableUnderline: !0
-});
-Rr.propTypes = {
-	...Dr,
-	suffix: Q.default.string,
-	min: Q.default.number,
-	max: Q.default.number,
-	value: Q.default.number
-}, Ir.propTypes = { ...Dr };
-var zr = ({ disabled: e, label: t, value: n, onChange: r }) => /* @__PURE__ */ q(xr, {
-	label: t,
-	checked: !!n,
-	disabled: !!e,
-	toggle: r
-});
-zr.propTypes = {
-	...Dr,
-	value: Q.default.bool
-};
-var Br = {
-	toggle: zr,
-	radio: jr,
-	dropdown: Pr,
-	numberField: Rr,
-	checkbox: Or,
-	textField: Ir
-}, Vr = z("div")(({ theme: e }) => ({ margin: `0 0 ${e.spacing(2)} 0` })), Hr = z("div")(({ theme: e }) => ({
-	color: "#495B8F",
-	fontSize: e.typography.fontSize + 2,
-	fontWeight: 600,
-	marginBottom: e.spacing(1)
-})), Ur = z("p")(({ theme: e }) => ({
-	fontSize: e.typography.fontSize,
-	marginBottom: 0
-})), Wr = (e) => {
-	let { model: n, label: r, group: i, configuration: a, onChange: o } = e, s = (e, r, i) => {
-		let { isConfigProperty: s, ...c } = t(e, i || r), l = t(s ? a : n, r), u = {
-			...c,
-			key: r,
-			value: l
-		}, d = Br[u.type];
-		return /* @__PURE__ */ q(d, {
-			...u,
-			onChange: (e) => o(r, e, s)
-		}, r);
-	}, 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__ */ J("div", { children: [/* @__PURE__ */ q(Ur, { children: i }), Object.keys(a).map((n) => s(e, `${t}.${n}`, `${t}.fields.${n}`))] }, `numberField-${i}`) : r === "checkboxes" ? /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", { children: i }), Object.keys(o).map((n) => s(e, `${t}.${n}`, `${t}.choices.${n}`))] }, `checkbox-${i}`) : s(e, t);
-	};
-	return /* @__PURE__ */ J(Vr, { children: [/* @__PURE__ */ q(Hr, { children: r }), Object.keys(i).map((e) => c(i, e))] });
-};
-Wr.propTypes = {
-	model: Q.default.object,
-	label: Q.default.string,
-	group: Q.default.object,
-	configuration: Q.default.object,
-	onChange: Q.default.func
-};
-var Gr = class extends K.Component {
-	static propTypes = {
-		model: Q.default.object,
-		configuration: Q.default.object,
-		groups: Q.default.object,
-		onChangeModel: Q.default.func,
-		onChangeConfiguration: Q.default.func,
-		modal: Q.default.object
-	};
-	static defaultProps = {
-		onChangeModel: () => {},
-		onChangeConfiguration: () => {}
-	};
-	change = (e, t, n = !1) => {
-		Tr("[changeModel]", e, t);
-		let { onChangeModel: i, onChangeConfiguration: a } = this.props, o = { ...this.props.model }, s = { ...this.props.configuration };
-		n ? (r(s, e, t), a(s, e)) : (r(o, e, t), i(o, e));
-	};
-	render() {
-		let { groups: e, model: t, configuration: n, modal: r } = this.props;
-		return Tr("render:", t), /* @__PURE__ */ J("div", { children: [Object.keys(e || {}).map((r) => Object.entries(e[r]).some(([, e]) => !!e) ? /* @__PURE__ */ q(Wr, {
-			label: r,
-			model: t,
-			configuration: n,
-			group: e[r],
-			onChange: this.change
-		}, r) : null), r] });
-	}
-}, Kr = /* @__PURE__ */ bn({
-	Panel: () => Gr,
-	checkbox: () => ei,
-	checkboxes: () => ti,
-	dropdown: () => Zr,
-	numberField: () => Qr,
-	numberFields: () => $r,
-	radio: () => Xr,
-	textField: () => qr,
-	toggle: () => Jr
-}), qr = (e, t = !0) => ({
-	label: e,
-	type: "textField",
-	isConfigProperty: t
-}), Jr = (e, t = !1, n = !1) => ({
-	type: "toggle",
-	label: e,
-	isConfigProperty: t,
-	disabled: n
-}), Yr = (e) => typeof e == "string" ? {
-	label: e,
-	value: e
-} : e, Xr = function() {
-	let [e, t, n = !1] = Array.prototype.slice.call(arguments);
-	return {
-		type: "radio",
-		label: e,
-		choices: t && t.map((e) => Yr(e)),
-		isConfigProperty: n
-	};
-}, Zr = (e, t, n = !1) => ({
-	type: "dropdown",
-	label: e,
-	choices: t,
-	isConfigProperty: n
-}), Qr = (e, t, n = !1) => ({
-	...t,
-	label: e,
-	type: "numberField",
-	isConfigProperty: n
-}), $r = (e, t, n = !1) => (Object.keys(t).map((e) => {
-	t[e] = Qr(t[e].label, t[e], n);
-}), {
-	type: "numberFields",
-	label: e,
-	fields: t
-}), ei = (e, t, n = !1) => ({
-	...t,
-	label: e,
-	type: "checkbox",
-	isConfigProperty: n
-}), ti = (e, t, n = !1) => (Object.keys(t).map((e) => {
-	t[e] = ei(t[e].label, t[e], n);
-}), {
-	type: "checkboxes",
-	label: e,
-	choices: t
-});
-//#endregion
-//#region ../../lib-react/config-ui/dist/index.js
-function ni(e) {
-	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
-}
-function ri(e, t) {
-	return !e || ni(e) ? e : ni(e.default) ? e.default : t && ni(e[t]) ? e[t] : t && ni(e[t]?.default) ? e[t].default : e;
-}
-var ii = ri(ce, "InputContainer") || ri(si.InputContainer, "InputContainer"), ai = Ce, oi = ai.default, si = oi && typeof oi == "object" ? oi : ai;
-//#endregion
-//#region ../../lib-react/graphing/dist/grid-setup.js
-function ci(e) {
-	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
-}
-function li(e, t) {
-	return !e || ci(e) ? e : ci(e.default) ? e.default : t && ci(e[t]) ? e[t] : t && ci(e[t]?.default) ? e[t].default : e;
-}
-var ui = li(ce, "InputContainer") || li(pi.InputContainer, "InputContainer"), di = Ce, fi = di.default, pi = fi && typeof fi == "object" ? fi : di, mi = z("div")(() => ({ width: "450px" })), hi = z("div")(() => ({
-	display: "flex",
-	flexDirection: "column",
-	width: "100%"
-})), gi = z("div")(() => ({
-	display: "flex",
-	flexDirection: "column",
-	alignItems: "center"
-})), _i = z("div")(() => ({
-	display: "flex",
-	justifyContent: "space-around",
-	alignItems: "center"
-})), vi = z("div")(({ theme: e }) => ({
-	width: "130px",
-	margin: `${e.spacing(1)} ${e.spacing(.5)}`
-})), yi = z("div")(({ theme: e }) => ({
-	width: "160px",
-	margin: `${e.spacing(1)} ${e.spacing(.5)}`,
-	"& .MuiFormControl-root": { width: "100%" }
-})), bi = z("div")(({ theme: e }) => ({
-	width: "230px",
-	margin: `${e.spacing(1)} ${e.spacing(.5)}`,
-	"& .MuiFormControl-root": { width: "100%" }
-})), xi = z(W)(({ theme: e }) => ({
-	fontStyle: "italic",
-	margin: `${e.spacing(1)} 0`
-})), Si = z("div")(() => ({
-	display: "flex",
-	justifyContent: "space-between",
-	alignItems: "center"
-})), Ci = z(W)(() => ({ color: V.disabled() })), wi = z("div")(({ theme: e }) => ({ paddingTop: e.spacing(2) })), Ti = (e) => {
-	let { disabled: t, displayedFields: n, labelValue: r, labelValues: i, gridValue: a, gridValues: o, onChange: s } = e, { labelStep: c = {}, step: l = {} } = n;
-	return /* @__PURE__ */ J(gi, { children: [l && l.enabled && /* @__PURE__ */ q(yi, { children: /* @__PURE__ */ q(ln, {
-		label: l.label || "",
-		value: a,
-		customValues: o,
-		variant: "outlined",
-		disabled: t,
-		onChange: (e, t) => s("step", t)
-	}) }), c && c.enabled && /* @__PURE__ */ q(yi, { children: /* @__PURE__ */ q(ln, {
-		label: c.label || "",
-		value: r,
-		customValues: i,
-		variant: "outlined",
-		disabled: t,
-		onChange: (e, t) => s("labelStep", t)
-	}) })] });
-};
-Ti.propTypes = {
-	disabled: Q.default.bool,
-	displayedFields: Q.default.object,
-	labelValue: Q.default.number,
-	labelValues: Q.default.array,
-	gridValue: Q.default.number,
-	gridValues: Q.default.array,
-	onChange: Q.default.func
-};
-var Ei = (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__ */ J(gi, { children: [
-		r && /* @__PURE__ */ J(W, {
-			variant: "subtitle2",
-			children: [/* @__PURE__ */ q("i", { children: c === "domain" ? "x" : "y" }), "-axis"]
-		}),
-		u && u.enabled && /* @__PURE__ */ q(yi, { children: /* @__PURE__ */ q(ln, {
-			label: u.label || "",
-			value: o,
-			min: -1e4,
-			max: a - .05,
-			variant: "outlined",
-			disabled: t,
-			onChange: (e, t) => s("min", t)
-		}) }),
-		d && d.enabled && /* @__PURE__ */ q(yi, { children: /* @__PURE__ */ q(ln, {
-			label: d.label || "",
-			value: a,
-			min: o + .05,
-			max: 1e4,
-			variant: "outlined",
-			disabled: t,
-			onChange: (e, t) => s("max", t)
-		}) }),
-		l && l.enabled && /* @__PURE__ */ q(yi, { children: /* @__PURE__ */ q(ui, {
-			label: l.label || "",
-			children: /* @__PURE__ */ q(wi, { children: /* @__PURE__ */ q(_e, {
-				onChange: (e) => s("axisLabel", e),
-				markup: i || "",
-				charactersLimit: 5,
-				onKeyDown: (e) => e.key === "Enter",
-				activePlugins: [
-					"bold",
-					"italic",
-					"underline",
-					"strikethrough"
-				]
-			}) })
-		}) })
-	] });
-};
-Ei.propTypes = {
-	disabled: Q.default.bool,
-	displayedFields: Q.default.object,
-	displayHeader: Q.default.bool,
-	label: Q.default.string,
-	maxValue: Q.default.number,
-	minValue: Q.default.number,
-	type: Q.default.string,
-	onChange: Q.default.func
-};
-var Di = (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: y, step: b = {} } = n || {}, x = _.enabled || v.enabled || p.enabled || b.enabled || g.enabled, S = {
-		step: b,
-		labelStep: g
-	}, C = {
-		min: _,
-		max: v,
-		axisLabel: p
-	}, w = (e) => {
-		let n = (e) => {
-			let n = e === "domain" ? t : c;
-			return {
-				min: 1,
-				max: n.max < f.min || n.max > f.max ? 16 : n.max,
-				step: 1,
-				labelStep: 0
-			};
-		};
-		o({
-			includeAxes: e,
-			range: {
-				...c,
-				...e ? { labelStep: 1 } : n("range")
-			},
-			domain: {
-				...t,
-				...e ? { labelStep: 1 } : n("domain")
-			}
-		});
-	}, T = (e) => {
-		o({
-			standardGrid: e,
-			range: {
-				...t,
-				axisLabel: c.axisLabel
-			},
-			graph: {
-				...l,
-				height: l.width
-			}
-		});
-	}, E = (e, t) => {
-		let n = {
-			...l,
-			[e]: t
-		};
-		d && (n.height = t), o({ graph: n });
-	}, D = (e, n) => {
-		t[e] = n, d && e !== "axisLabel" && (c[e] = n), o({
-			domain: t,
-			range: c
-		});
-	}, O = (e, t) => {
-		c[e] = t, o({ range: c });
-	}, k = /* @__PURE__ */ J(Oe, { children: [
-		/* @__PURE__ */ J(_i, { children: [/* @__PURE__ */ q(Ei, {
-			displayedFields: C,
-			displayHeader: x,
-			type: "domain",
-			minValue: t.min,
-			maxValue: t.max,
-			label: t.axisLabel,
-			includeAxes: i,
-			onChange: D
-		}), /* @__PURE__ */ q(Ei, {
-			displayedFields: C,
-			displayHeader: x,
-			type: "range",
-			minValue: c.min,
-			maxValue: c.max,
-			label: c.axisLabel,
-			disabled: d,
-			includeAxes: i,
-			onChange: O
-		})] }),
-		(_.enabled || v.enabled) && /* @__PURE__ */ q(xi, { 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__ */ J(_i, { children: [/* @__PURE__ */ q(Ti, {
-			displayedFields: S,
-			gridValue: t.step,
-			labelValue: t.labelStep,
-			gridValues: r.domain || [],
-			labelValues: a.domain || [],
-			onChange: D
-		}), /* @__PURE__ */ q(Ti, {
-			disabled: d,
-			displayedFields: S,
-			gridValue: c.step,
-			labelValue: c.labelStep,
-			gridValues: r.range || [],
-			labelValues: a.range || [],
-			onChange: O
-		})] }),
-		g.enabled && /* @__PURE__ */ q(xi, { children: "For unnumbered gridlines, enter a label interval of 0" })
-	] }), A = v.enabled ? /* @__PURE__ */ J(gi, { children: [/* @__PURE__ */ q(bi, { children: /* @__PURE__ */ q(ln, {
-		label: "Number of Vertical Gridlines",
-		value: t.max,
-		min: !i && f.min,
-		max: !i && f.max,
-		variant: "outlined",
-		onChange: (e, t) => D("max", t)
-	}) }), /* @__PURE__ */ q(bi, { children: /* @__PURE__ */ q(ln, {
-		label: "Number of Horizontal Gridlines",
-		value: c.max,
-		min: !i && f.min,
-		max: !i && f.max,
-		variant: "outlined",
-		disabled: d,
-		onChange: (e, t) => O("max", t)
-	}) })] }) : null;
-	return /* @__PURE__ */ q(mi, { children: /* @__PURE__ */ J(ee, {
-		onChange: s,
-		TransitionProps: { timeout: {
-			enter: 225,
-			exit: 195
-		} },
-		children: [/* @__PURE__ */ q(ge, {
-			expandIcon: /* @__PURE__ */ q(fe, {}),
-			children: /* @__PURE__ */ q(W, {
-				variant: "subtitle1",
-				children: "Customize Grid Setup"
-			})
-		}), /* @__PURE__ */ q(R, { children: /* @__PURE__ */ J(hi, { children: [
-			h && /* @__PURE__ */ q(xr, {
-				label: "Include axes and labels?",
-				toggle: w,
-				checked: i
-			}),
-			y && /* @__PURE__ */ q(xr, {
-				label: "Constrain to standard coordinate grid?",
-				toggle: T,
-				checked: d
-			}),
-			i ? k : A,
-			m && /* @__PURE__ */ J(Si, { children: [
-				/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q(W, { children: "Dimensions(px)" }), /* @__PURE__ */ J(Ci, { children: [
-					"Min ",
-					u.min,
-					", Max ",
-					u.max
-				] })] }),
-				/* @__PURE__ */ q(vi, { children: /* @__PURE__ */ q(ln, {
-					label: "Width",
-					value: l.width,
-					min: u.min,
-					max: u.max,
-					step: u.step,
-					variant: "outlined",
-					onChange: (e, t) => E("width", t)
-				}) }),
-				/* @__PURE__ */ q(vi, { children: /* @__PURE__ */ q(ln, {
-					label: "Height",
-					value: l.height,
-					min: u.min,
-					max: u.max,
-					step: u.step,
-					variant: "outlined",
-					disabled: d,
-					onChange: (e, t) => E("height", t)
-				}) })
-			] })
-		] }) })]
-	}) });
-};
-Di.propTypes = {
-	domain: Q.default.object,
-	displayedFields: Q.default.object,
-	gridValues: Q.default.object,
-	includeAxes: Q.default.bool,
-	labelValues: Q.default.object,
-	onChange: Q.default.func,
-	onChangeView: Q.default.func,
-	range: Q.default.object,
-	size: Q.default.object,
-	sizeConstraints: Q.default.object,
-	standardGrid: Q.default.bool
-};
-//#endregion
-//#region src/author/utils.ts
-var Oi = [
-	.01,
-	.02,
-	.04,
-	.05,
-	.0625,
-	.1,
-	.125,
-	.2,
-	.25,
-	.5,
-	1,
-	2,
-	3,
-	4,
-	5,
-	8,
-	10,
-	12,
-	15,
-	20,
-	40,
-	50,
-	64,
-	100,
-	500,
-	1e3
-], ki = [
-	.01,
-	.02,
-	.05,
-	.1,
-	.2,
-	.25,
-	.5,
-	1,
-	2,
-	5,
-	10,
-	20,
-	50,
-	100,
-	500,
-	1e3
-], Ai = {
-	.01: [
-		0,
-		.01,
-		.02,
-		.04,
-		.05,
-		.1
-	],
-	.02: [
-		0,
-		.02,
-		.04,
-		.1
-	],
-	.04: [
-		0,
-		.04,
-		.08,
-		.16,
-		.2
-	],
-	.05: [
-		0,
-		.05,
-		.1,
-		.2,
-		.25
-	],
-	.0625: [
-		0,
-		.0625,
-		.125,
-		.25,
-		.5
-	],
-	.1: [
-		0,
-		.1,
-		.2,
-		.4,
-		.5,
-		1
-	],
-	.125: [
-		0,
-		.125,
-		.25,
-		.5,
-		1
-	],
-	.2: [
-		0,
-		.2,
-		.5,
-		.1
-	],
-	.25: [
-		0,
-		.25,
-		.5,
-		1,
-		2
-	],
-	.5: [
-		0,
-		.5,
-		1,
-		2
-	],
-	1: [
-		0,
-		1,
-		2,
-		4,
-		5,
-		10
-	],
-	2: [
-		0,
-		2,
-		4,
-		8,
-		10
-	],
-	3: [
-		0,
-		3,
-		6,
-		12,
-		15
-	],
-	4: [
-		0,
-		4,
-		8,
-		16,
-		20
-	],
-	5: [
-		0,
-		5,
-		10,
-		20,
-		25
-	],
-	8: [
-		0,
-		8,
-		16,
-		32,
-		40,
-		64
-	],
-	10: [
-		0,
-		10,
-		20,
-		40,
-		50,
-		100
-	],
-	12: [
-		0,
-		12,
-		24
-	],
-	15: [
-		0,
-		15,
-		30,
-		60
-	],
-	20: [
-		0,
-		20,
-		40,
-		80,
-		100
-	],
-	40: [
-		0,
-		40,
-		80,
-		160,
-		200
-	],
-	50: [
-		0,
-		50,
-		100,
-		200,
-		250
-	],
-	64: [
-		0,
-		64,
-		128
-	],
-	100: [
-		0,
-		100,
-		200,
-		400,
-		500
-	],
-	500: [
-		0,
-		500,
-		1e3,
-		2500
-	],
-	1e3: [
-		0,
-		1e3,
-		2e3,
-		4e3,
-		5e3
-	]
-}, ji = (e, t, n = !1) => {
-	let r = 10 * (e.max - e.min) / t, i = r * 10, a = n && !ki.includes(e.step) && Oi.includes(e.step);
-	return (!n || a ? Oi : ki).filter((e) => e >= r && e <= i);
-}, Mi = (e) => Ai[e] || [], Ni = (e, t, n, r) => {
-	let i = ji(e, t), o = Mi(e.step);
-	if (!a(n, i) && !i.includes(e.step)) {
-		let n = ji(e, t, !0)[0] || 1;
-		return e.step = n, o = Mi(n), o.includes(e.labelStep) || (e.labelStep = n), {
-			gridValues: i,
-			labelValues: o
-		};
-	}
-	return !a(r, o) && !o.includes(e.labelStep) && (e.labelStep = e.step), {
-		gridValues: i,
-		labelValues: o
-	};
-}, Pi = (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) : [];
-}, Fi = (e, t, n) => {
-	let r = Pi(e), i = Pi(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) => {
-			if (e.type === "point") return a(e.x, e.y);
-			if (e.type === "polygon") return !e.points.find((e) => !a(e.x, e.y));
-			let t = e.from || e.root, n = e.to || e.edge;
-			return e.building ? a(t.x, t.y) : a(t.x, t.y) && a(n.x, n.y);
-		})
-	}, e), {});
-}, Ii = z("div")(({ theme: e }) => ({
-	display: "flex",
-	flexWrap: "wrap",
-	marginBottom: e.spacing(2.5)
-})), Li = z("div")(({ theme: e }) => ({
-	display: "flex",
-	flexDirection: "column",
-	marginRight: e.spacing(3),
-	marginBottom: e.spacing(2.5)
-})), Ri = z("div")({
-	display: "flex",
-	flexDirection: "column"
-}), zi = z(W)(({ theme: e }) => ({
-	marginTop: e.spacing(1.5),
-	marginBottom: e.spacing(1)
-})), Bi = z("div")(({ theme: e }) => ({
-	display: "flex",
-	flexWrap: "wrap",
-	alignItems: "center",
-	width: "100%",
-	marginBottom: e.spacing(2.5)
-})), Vi = z(W)(({ theme: e }) => ({ padding: `0 ${e.spacing(1)}` })), Hi = z(Se)({ flex: "1" }), Ui = class extends G.Component {
-	static propTypes = {
-		availableTools: Q.default.array,
-		authoring: Q.default.object,
-		dimensionsEnabled: Q.default.bool,
-		graphDimensions: Q.default.object,
-		gridConfigurations: Q.default.array,
-		labelsPlaceholders: Q.default.object,
-		model: Q.default.object.isRequired,
-		onChange: Q.default.func.isRequired,
-		showLabels: Q.default.bool,
-		showTitle: Q.default.bool,
-		titlePlaceholder: Q.default.string
-	};
-	constructor(e) {
-		super(e);
-		let { domain: t, range: n, graph: r } = e.model || {}, i = {
-			domain: ji(t, r.width, !0),
-			range: ji(n, r.height, !0)
-		}, a = {
-			domain: Mi(t.step),
-			range: Mi(n.step)
-		};
-		this.state = {
-			gridValues: i,
-			labelValues: a,
-			showPixelGuides: !1,
-			dialog: { isOpened: !1 },
-			domain: { ...t },
-			range: { ...n }
-		};
-	}
-	changeBackgroundMarks = (e) => {
-		let t = {
-			...this.props.model,
-			backgroundMarks: e
-		};
-		this.props.onChange(t);
-	};
-	changeLabels = (e) => {
-		let { model: t, onChange: n } = this.props;
-		n({
-			...t,
-			labels: e
-		});
-	};
-	changeTitle = (e) => {
-		let { model: t, onChange: n } = this.props;
-		n({
-			...t,
-			title: e
-		});
-	};
-	onConfigChange = (e, t) => {
-		let { model: n, onChange: r } = this.props, { defaultGridConfiguration: i = 0 } = n, { gridValues: o, labelValues: s, domain: c, range: l } = this.state, u = {
-			...n,
-			...e
-		}, { answers: d, domain: f, includeAxes: p, graph: m, range: h, standardGrid: g } = u, _ = {
-			domain: [],
-			range: []
-		}, v = {
-			domain: [],
-			range: []
-		}, y = t >= 0 ? t : i;
-		if (p) {
-			let e = Ni(f, m.width, o.domain, s.domain);
-			_.domain = e.gridValues || [], v.domain = e.labelValues || [];
-		}
-		if (g) _.range = _.domain, v.range = v.domain, h.step = f.step, h.labelStep = f.labelStep;
-		else if (p) {
-			let e = Ni(h, m.height, o.range, s.range);
-			_.range = e.gridValues || [], v.range = e.labelValues || [];
-		}
-		let b = Fi(f, h, d);
-		if (!a(d, b)) {
-			this.setState({ dialog: {
-				isOpened: !0,
-				onClose: () => this.setState({ dialog: { isOpened: !1 } }, r({
-					...n,
-					domain: c,
-					range: l
-				})),
-				onConfirm: () => {
-					this.setState({
-						gridValues: _,
-						labelValues: v,
-						dialog: { isOpened: !1 },
-						domain: { ...f },
-						range: { ...h }
-					}, r({
-						...u,
-						answers: b,
-						defaultGridConfiguration: y
-					}));
-				}
-			} });
-			return;
-		}
-		this.setState({
-			gridValues: _,
-			labelValues: v,
-			domain: { ...f },
-			range: { ...h }
-		}), r({
-			...u,
-			defaultGridConfiguration: y
-		});
-	};
-	onChangeView = (e, t) => {
-		let { graphDimensions: { enabled: n } = {} } = this.props;
-		n && this.setState({ showPixelGuides: t });
-	};
-	changeGridConfiguration = (e) => {
-		let { gridConfigurations: t } = this.props, { value: n } = e.target;
-		this.onConfigChange(t?.[n] || {}, n);
-	};
-	render() {
-		let { authoring: e = {}, availableTools: t = [], gridConfigurations: n = [], graphDimensions: r = {}, labelsPlaceholders: i, model: a, showLabels: o, dimensionsEnabled: s, showTitle: c, titlePlaceholder: l, mathMlOptions: u = {}, removeIncompleteTool: d } = this.props, { arrows: f, backgroundMarks: p, coordinatesOnHover: m, defaultGridConfiguration: h, domain: g, includeAxes: _, labels: v, range: y, standardGrid: b, title: x } = a || {}, S = (a || {}).graph || {}, { min: C, max: w, step: T } = r || {}, { dialog: E = {}, gridValues: D, labelValues: O, showPixelGuides: k } = this.state, ee = {
-			min: Math.max(150, C),
-			max: Math.min(800, w),
-			step: T >= 1 ? Math.min(200, T) : 20
-		}, j = {
-			axisLabel: e.axisLabel,
-			dimensionsEnabled: s,
-			includeAxesEnabled: e.includeAxesEnabled,
-			labelStep: e.labelStep,
-			min: e.min,
-			max: e.max,
-			standardGridEnabled: e.standardGridEnabled,
-			step: e.step
-		}, M = e.enabled && Object.values(j).some((e) => typeof e == "object" ? e.enabled : e);
-		return /* @__PURE__ */ J(Ii, { children: [
-			/* @__PURE__ */ J(Li, { children: [n && n.length ? /* @__PURE__ */ J(Bi, { children: [/* @__PURE__ */ q(Vi, {
-				component: "div",
-				variant: "h6",
-				children: "Grid Configuration"
-			}), /* @__PURE__ */ q(Hi, {
-				input: /* @__PURE__ */ q(we, {}),
-				displayEmpty: !0,
-				onChange: this.changeGridConfiguration,
-				value: h,
-				MenuProps: { transitionDuration: {
-					enter: 225,
-					exit: 195
-				} },
-				children: (n || []).map((e, t) => /* @__PURE__ */ q(A, {
-					value: t,
-					children: e.label
-				}, t))
-			})] }) : null, M && /* @__PURE__ */ q(Di, {
-				displayedFields: j,
-				domain: g,
-				gridValues: D,
-				includeAxes: _,
-				labelValues: O,
-				range: y,
-				size: S,
-				sizeConstraints: ee,
-				standardGrid: b,
-				onChange: this.onConfigChange,
-				onChangeView: this.onChangeView
-			})] }),
-			/* @__PURE__ */ J(Ri, { children: [
-				/* @__PURE__ */ q(W, {
-					component: "div",
-					variant: "h6",
-					children: "Define Graph Attributes"
-				}),
-				/* @__PURE__ */ q(zi, {
-					component: "div",
-					variant: "body1",
-					children: "Use this interface to add/edit a title and/or labels, and to set background shapes"
-				}),
-				/* @__PURE__ */ q(ye, {
-					axesSettings: { includeArrows: f },
-					backgroundMarks: [],
-					coordinatesOnHover: m,
-					collapsibleToolbar: !0,
-					collapsibleToolbarTitle: "Add Background Shapes to Graph",
-					domain: g,
-					labels: v,
-					labelsPlaceholders: i,
-					marks: p,
-					onChangeLabels: this.changeLabels,
-					onChangeMarks: this.changeBackgroundMarks,
-					onChangeTitle: this.changeTitle,
-					range: y,
-					showLabels: o,
-					showPixelGuides: k,
-					showTitle: c,
-					size: {
-						width: S.width,
-						height: S.height
-					},
-					title: x,
-					titlePlaceholder: l,
-					toolbarTools: t,
-					mathMlOptions: u,
-					removeIncompleteTool: d
-				}, "graphing-config")
-			] }, "graph"),
-			/* @__PURE__ */ q(Ht, {
-				open: E.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: E.onClose,
-				onConfirm: E.onConfirm
-			})
-		] });
-	}
-}, Wi = E(/*#__PURE__*/ q("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-6h2zm0-8h-2V7h2z" }), "Info"), Gi = "#D5D5D5", Ki = "#AAAAAA", qi = z("div")({ color: Ki }), Ji = z("div")(({ theme: e }) => ({
-	margin: `${e.spacing(2.5)} 0`,
-	cursor: "pointer",
-	background: e.palette.grey[200],
-	padding: e.spacing(1.5),
-	width: "fit-content",
-	borderRadius: "4px",
-	"&:hover": { background: Gi }
-})), Yi = z("div")(({ theme: e }) => ({
-	marginTop: e.spacing(1),
-	display: "flex",
-	flexWrap: "wrap"
-})), Xi = z("div")(({ theme: e }) => ({
-	cursor: "pointer",
-	margin: e.spacing(1),
-	padding: e.spacing(1),
-	border: `2px solid ${e.palette.common.white}`,
-	textTransform: "capitalize",
-	"&:hover": { color: e.palette.grey[800] }
-})), Zi = z(Xi)({
-	background: Gi,
-	border: `2px solid ${Ki}`
-}), Qi = z("div")(({ theme: e }) => ({
-	display: "flex",
-	alignItems: "center",
-	marginTop: e.spacing(2.5)
-})), $i = z("div")(({ theme: e }) => ({
-	marginLeft: "6px",
-	color: e.palette.grey[600],
-	"&:hover": {
-		cursor: "pointer",
-		color: e.palette.common.black
-	}
-})), ea = z("div")(({ theme: e }) => ({ marginBottom: e.spacing(.5) })), ta = z(({ className: e, ...t }) => /* @__PURE__ */ q(jt, {
-	...t,
-	classes: { tooltip: e }
-}))(({ theme: e }) => ({ "& .MuiTooltip-tooltip": {
-	fontSize: e.typography.fontSize - 2,
-	whiteSpace: "pre",
-	maxWidth: "500px"
-} })), na = z(W)(({ theme: e }) => ({
-	marginTop: e.spacing(1.5),
-	marginBottom: e.spacing(1)
-})), ra = z("div")({
-	display: "flex",
-	alignItems: "center",
-	justifyContent: "space-between"
-}), ia = z("div")({
-	display: "flex",
-	alignItems: "center",
-	width: "300px"
-}), aa = z(Se)(({ theme: e }) => ({
-	marginLeft: e.spacing(1),
-	textTransform: "uppercase",
-	color: e.palette.grey[800]
-})), oa = z(A)({ textTransform: "uppercase" }), sa = z("div")(({ theme: e }) => ({
-	fontSize: e.typography.fontSize - 2,
-	color: e.palette.error.main,
-	marginTop: e.spacing(1)
-})), ca = ({ availableTools: e, defaultTool: t, hasErrors: n, toolbarTools: r, toggleToolBarTool: i, onDefaultToolChange: a }) => {
-	let o = e || [], s = o.includes("label"), c = (r || []).filter((e) => e !== "label");
-	return s && (o = [...o.filter((e) => e !== "label"), "label"]), /* @__PURE__ */ J(qi, { children: [/* @__PURE__ */ J(ra, { children: [/* @__PURE__ */ q("span", { children: "GRAPHING TOOLS" }), c.length > 0 && /* @__PURE__ */ J(ia, { children: [/* @__PURE__ */ q("span", { children: "Default graphing tool:" }), /* @__PURE__ */ q(aa, {
-		variant: "standard",
-		onChange: a,
-		value: t,
-		disableUnderline: !0,
-		MenuProps: { transitionDuration: {
-			enter: 225,
-			exit: 195
-		} },
-		children: c.map((e, t) => /* @__PURE__ */ q(oa, {
-			value: e,
-			children: e
-		}, t))
-	})] })] }), /* @__PURE__ */ q(Yi, { children: o.map((e) => /* @__PURE__ */ q(r.find((t) => t === e) ? Zi : Xi, {
-		style: { ...n && e !== "label" && { color: "red" } },
-		onClick: () => i(e),
-		children: e.toUpperCase()
-	}, e)) })] });
-};
-ca.propTypes = {
-	toolbarTools: Q.default.arrayOf(Q.default.string),
-	toggleToolBarTool: Q.default.func,
-	availableTools: Q.default.array,
-	defaultTool: Q.default.string,
-	hasErrors: Q.default.number,
-	onDefaultToolChange: Q.default.func
-};
-var la = class extends G.Component {
-	static propTypes = {
-		availableTools: Q.default.array,
-		errors: Q.default.object,
-		model: Q.default.object.isRequired,
-		onChange: Q.default.func.isRequired,
-		toolbarTools: Q.default.arrayOf(Q.default.String)
-	};
-	state = { dialog: { open: !1 } };
-	componentDidMount() {
-		try {
-			L(ke.findDOMNode(this));
-		} catch {
-			console.error("DOM not mounted");
-		}
-	}
-	handleAlertDialog = (e, t) => this.setState({ dialog: { open: e } }, t);
-	changeMarks = (e, t) => {
-		let { model: n, onChange: i } = this.props;
-		r(n, `answers.${e}.marks`, t), i(n);
-	};
-	filterMarks = (e) => {
-		let { model: { answers: t } } = this.props;
-		return Object.entries(t || {}).reduce((t, [n, r]) => (t[n] = {
-			...r,
-			marks: (r.marks || []).filter((t) => t.type !== e)
-		}, t), {});
-	};
-	changeToolbarTools = (e) => {
-		let { model: t, onChange: n } = this.props;
-		t.toolbarTools = e, n(t);
-	};
-	updateModel = (e) => {
-		let { model: t, onChange: n } = this.props;
-		n({
-			...t,
-			...e
-		});
-	};
-	toggleToolBarTool = (e) => {
-		let { model: { defaultTool: t, toolbarTools: n, answers: r = {} } } = this.props, i = [...n], o = t, s = n.findIndex((t) => e === t);
-		if (s >= 0) {
-			let n = this.filterMarks(e);
-			if (i.splice(s, 1), e === t) {
-				let e = (i || []).filter((e) => e !== "label");
-				o = e.length && e[0] || "";
-			}
-			if (!a(r, n)) {
-				this.setState({ dialog: {
-					open: !0,
-					title: "Warning",
-					text: `Correct answer includes one or more ${e} objects and all of them will be deleted.`,
-					onConfirm: () => this.handleAlertDialog(!1, this.updateModel({
-						toolbarTools: i,
-						answers: n,
-						defaultTool: o
-					})),
-					onClose: () => this.handleAlertDialog(!1)
-				} });
-				return;
-			}
-		} else i.push(e), t === "" && e !== "label" && (o = e);
-		this.updateModel({
-			toolbarTools: i,
-			defaultTool: o
-		});
-	};
-	onDefaultToolChange = (e) => {
-		let { value: t } = e.target;
-		this.updateModel({ defaultTool: t });
-	};
-	addAlternateResponse = () => {
-		let { model: e, onChange: t } = this.props, { answers: n } = e || {}, i = Object.keys(n || {});
-		r(e, `answers.${`alternate${i.length}`}`, {
-			name: `Alternate ${i.length}`,
-			marks: []
-		}), t(e);
-	};
-	deleteAlternateResponse = (e, t) => {
-		let { model: n, onChange: r } = this.props, { answers: i } = n || {}, { marks: a = [], name: o } = t || {}, s = () => {
-			delete i[e];
-			let t = Object.entries(i).reduce((e, t, n) => {
-				let [r, i] = t;
-				return r === "correctAnswer" ? {
-					...e,
-					[r]: i
-				} : {
-					...e,
-					["alternate" + n]: {
-						...i,
-						name: `Alternate ${n}`
-					}
-				};
-			}, {});
-			r({
-				...n,
-				answers: t
-			});
-		};
-		if (a.length) {
-			this.setState({ dialog: {
-				open: !0,
-				title: "Warning",
-				text: `${o} includes one or more shapes and the entire response will be deleted.`,
-				onConfirm: () => this.handleAlertDialog(!1, s),
-				onClose: () => this.handleAlertDialog(!1)
-			} });
-			return;
-		}
-		s();
-	};
-	render() {
-		let { availableTools: e, errors: t, model: n, mathMlOptions: r = {}, removeIncompleteTool: i } = this.props, { dialog: a } = this.state, { answers: o = {}, arrows: s, backgroundMarks: c, coordinatesOnHover: l, defaultTool: u, domain: d, graph: f = {}, labels: p, labelsEnabled: m, range: h, title: g, titleEnabled: _, toolbarTools: v } = n || {}, { correctAnswerErrors: y = {}, toolbarToolsError: b } = t || {};
-		return /* @__PURE__ */ J("div", { children: [
-			/* @__PURE__ */ q(W, {
-				component: "div",
-				variant: "h6",
-				children: "Define Tool Set and Correct Response"
-			}),
-			/* @__PURE__ */ q(na, {
-				component: "div",
-				variant: "body1",
-				children: "Use this interface to choose which graphing tools students will be able to use, and to define the correct answer"
-			}),
-			/* @__PURE__ */ q(ca, {
-				availableTools: e,
-				defaultTool: u,
-				hasErrors: !!b,
-				onDefaultToolChange: this.onDefaultToolChange,
-				toggleToolBarTool: this.toggleToolBarTool,
-				toolbarTools: v
-			}),
-			b && /* @__PURE__ */ q(sa, { children: b }),
-			Object.entries(o || {}).map(([e, t]) => {
-				let { marks: n = [], name: a } = t || {};
-				return /* @__PURE__ */ J(G.Fragment, { children: [
-					/* @__PURE__ */ J(Qi, { children: [
-						/* @__PURE__ */ q(ea, { children: a }),
-						e === "correctAnswer" && /* @__PURE__ */ q(ta, {
-							disableFocusListener: !0,
-							disableTouchListener: !0,
-							placement: "right",
-							title: "At least 1 graph object should be defined.",
-							children: /* @__PURE__ */ q(Wi, {
-								fontSize: "small",
-								color: "primary",
-								style: {
-									marginLeft: "8px",
-									marginBottom: "auto"
-								}
-							})
-						}),
-						e !== "correctAnswer" && /* @__PURE__ */ q($i, {
-							onClick: () => this.deleteAlternateResponse(e, t),
-							children: /* @__PURE__ */ q(C, {})
-						})
-					] }),
-					/* @__PURE__ */ q(ye, {
-						style: y[e] && { border: "2px solid red" },
-						axesSettings: { includeArrows: s },
-						backgroundMarks: c.filter((e) => !e.building),
-						coordinatesOnHover: l,
-						disabledLabels: !0,
-						disabledTitle: !0,
-						domain: d,
-						draggableTools: e === "correctAnswer",
-						labels: p,
-						marks: n,
-						onChangeMarks: (t) => this.changeMarks(e, t),
-						range: h,
-						showLabels: m,
-						showTitle: _,
-						size: {
-							width: f.width,
-							height: f.height
-						},
-						title: g,
-						toolbarTools: v,
-						onChangeTools: (e) => this.updateModel({ toolbarTools: e }),
-						mathMlOptions: r,
-						removeIncompleteTool: i,
-						limitLabeling: !0
-					}),
-					y[e] && /* @__PURE__ */ q(sa, { children: y[e] })
-				] }, `correct-response-graph-${a}`);
-			}),
-			/* @__PURE__ */ q(Ji, {
-				onClick: this.addAlternateResponse,
-				children: "ADD ALTERNATE"
-			}),
-			/* @__PURE__ */ q(Ht, {
-				open: a.open,
-				title: a.title,
-				text: a.text,
-				onClose: a.onClose,
-				onConfirm: a.onConfirm
-			})
-		] });
-	}
-}, { Panel: ua, toggle: $, radio: da, checkboxes: fa, textField: pa, dropdown: ma } = Kr, ha = (0, zt.default)("@pie-element:graphing:configure"), ga = z(ii)(({ theme: e }) => ({
-	width: "100%",
-	paddingTop: e.spacing(2),
-	marginBottom: e.spacing(2)
-})), _a = z(W)(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), va = z("div")(({ theme: e }) => ({
-	fontSize: e.typography.fontSize - 2,
-	color: e.palette.error.main,
-	paddingTop: e.spacing(1)
-})), ya = class extends K.Component {
-	static propTypes = {
-		onModelChanged: Q.default.func,
-		onConfigurationChanged: Q.default.func,
-		imageSupport: Q.default.object,
-		uploadSoundSupport: Q.default.object,
-		model: Q.default.object.isRequired,
-		configuration: Q.default.object.isRequired
-	};
-	componentDidMount() {
-		let { configuration: e, onModelChanged: t, model: n } = this.props, { availableTools: r, title: a, graphDimensions: o } = e || {}, { arrows: s, titleEnabled: c, dimensionsEnabled: l } = n || {};
-		typeof s == "boolean" && (s = s ? {
-			left: !0,
-			right: !0,
-			up: !0,
-			down: !0
-		} : {
-			left: !1,
-			right: !1,
-			up: !1,
-			down: !1
-		});
-		let u = i(r || [], n.toolbarTools || []), d = c ?? a.enabled, f = l ?? o.enabled;
-		t && t({
-			...n,
-			arrows: s,
-			toolbarTools: u,
-			titleEnabled: d,
-			dimensionsEnabled: f
-		});
-	}
-	onRationaleChange = (e) => {
-		let { onModelChanged: t, model: n } = this.props;
-		t({
-			...n,
-			rationale: e
-		});
-	};
-	onPromptChange = (e) => {
-		let { onModelChanged: t, model: n } = this.props;
-		t({
-			...n,
-			prompt: e
-		});
-	};
-	onTeacherInstructionsChange = (e) => {
-		let { onModelChanged: t, model: n } = this.props;
-		t({
-			...n,
-			teacherInstructions: e
-		});
-	};
-	render() {
-		let { model: e, configuration: t, onConfigurationChanged: n, onModelChanged: r, imageSupport: i, uploadSoundSupport: a } = this.props, { arrows: o = {}, authoring: s = {}, availableTools: c = [], baseInputConfiguration: l = {}, coordinatesOnHover: u = {}, contentDimensions: d = {}, gridConfigurations: f = [], graphDimensions: p = {}, instruction: m = {}, labels: h = {}, padding: g = {}, prompt: _ = {}, rationale: v = {}, scoringType: y = {}, settingsPanelDisabled: b, spellCheck: x = {}, studentInstructions: S = {}, teacherInstructions: C = {}, title: w = {}, maxImageWidth: T = {}, maxImageHeight: E = {}, withRubric: D = {}, language: O = {}, languageChoices: k = {}, mathMlOptions: A = {}, removeIncompleteTool: ee = !1 } = t || {}, { errors: j = {}, extraCSSRules: M, labelsEnabled: te, dimensionsEnabled: N, promptEnabled: ne, rationaleEnabled: P, spellCheckEnabled: F, teacherInstructionsEnabled: re, titleEnabled: I } = e || {}, { prompt: ie, rationale: L, teacherInstructions: ae } = j || {};
-		ha("[render] model", e);
-		let oe = T && T.prompt, R = E && E.prompt, z = {
-			top: h.top,
-			right: h.right,
-			bottom: h.bottom,
-			left: h.left
-		}, se = {
-			arrows: o.settings && fa(o.label, {
-				left: o.left,
-				right: o.right,
-				up: o.up,
-				down: o.down
-			}),
-			titleEnabled: w.settings && $(w.label),
-			padding: g.settings && $(g.label),
-			labelsEnabled: h.settings && $(h.label),
-			"language.enabled": O.settings && $(O.label, !0),
-			language: O.settings && O.enabled && ma(k.label, k.options),
-			dimensionsEnabled: p.settings && $(p.label),
-			coordinatesOnHover: u.settings && $(u.label)
-		}, ce = {
-			"authoring.enabled": s.settings && $(s.label, !0),
-			teacherInstructionsEnabled: C.settings && $(C.label),
-			studentInstructionsEnabled: S.settings && $(S.label),
-			promptEnabled: _.settings && $(_.label),
-			rationaleEnabled: v.settings && $(v.label),
-			spellCheckEnabled: x.settings && $(x.label),
-			scoringType: y.settings && da(y.label, ["dichotomous", "partial scoring"]),
-			rubricEnabled: D?.settings && $(D?.label),
-			instruction: m.settings && pa(m.label)
-		}, le = (e = {}) => ({
-			...l,
-			...e
-		});
-		return /* @__PURE__ */ J(_r.ConfigLayout, {
-			extraCSSRules: M,
-			dimensions: d,
-			hideSettings: b,
-			settings: /* @__PURE__ */ q(ua, {
-				model: e,
-				configuration: t,
-				onChangeModel: r,
-				onChangeConfiguration: n,
-				groups: {
-					Settings: se,
-					Properties: ce
-				}
-			}),
-			children: [
-				/* @__PURE__ */ q(_a, {
-					component: "div",
-					variant: "body1",
-					children: m?.label || ""
-				}),
-				re && /* @__PURE__ */ J(ga, {
-					label: C.label,
-					children: [/* @__PURE__ */ q(_e, {
-						markup: e.teacherInstructions || "",
-						onChange: this.onTeacherInstructionsChange,
-						imageSupport: i,
-						error: ae,
-						nonEmpty: !1,
-						pluginProps: le(C?.inputConfiguration),
-						spellCheck: F,
-						maxImageWidth: T && T.teacherInstructions || oe,
-						maxImageHeight: E && E.teacherInstructions || R,
-						uploadSoundSupport: a,
-						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-						mathMlOptions: A
-					}), ae && /* @__PURE__ */ q(va, { children: ae })]
-				}),
-				ne && /* @__PURE__ */ J(ga, {
-					label: _.label,
-					children: [/* @__PURE__ */ q(_e, {
-						markup: e.prompt,
-						onChange: this.onPromptChange,
-						imageSupport: i,
-						error: ie,
-						nonEmpty: !1,
-						spellCheck: F,
-						pluginProps: le(_?.inputConfiguration),
-						disableUnderline: !0,
-						maxImageWidth: oe,
-						maxImageHeight: R,
-						uploadSoundSupport: a,
-						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-						mathMlOptions: A
-					}), ie && /* @__PURE__ */ q(va, { children: ie })]
-				}),
-				/* @__PURE__ */ q(Ui, {
-					authoring: s,
-					availableTools: c,
-					gridConfigurations: f,
-					graphDimensions: p,
-					labelsPlaceholders: z,
-					model: e,
-					showLabels: te,
-					dimensionsEnabled: N,
-					showTitle: I,
-					titlePlaceholder: w.placeholder,
-					onChange: this.props.onModelChanged,
-					mathMlOptions: A,
-					removeIncompleteTool: ee
-				}),
-				/* @__PURE__ */ q(la, {
-					availableTools: c,
-					errors: j,
-					model: e,
-					onChange: this.props.onModelChanged,
-					mathMlOptions: A,
-					removeIncompleteTool: ee
-				}),
-				P && /* @__PURE__ */ J(ga, {
-					label: v.label || "Rationale",
-					children: [/* @__PURE__ */ q(_e, {
-						markup: e.rationale || "",
-						onChange: this.onRationaleChange,
-						imageSupport: i,
-						error: L,
-						spellCheck: F,
-						pluginProps: le(v?.inputConfiguration),
-						maxImageWidth: T && T.rationale || oe,
-						maxImageHeight: E && E.rationale || R,
-						uploadSoundSupport: a,
-						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-						mathMlOptions: A
-					}), L && /* @__PURE__ */ q(va, { children: L })]
-				})
-			]
-		});
-	}
-}, ba = class e extends CustomEvent {
-	static {
-		this.TYPE = "model.updated";
-	}
-	constructor(t, n = !1) {
-		super(e.TYPE, {
-			bubbles: !0,
-			detail: {
-				update: t,
-				reset: n
-			}
-		}), this.update = t, this.reset = n;
-	}
-}, xa = class e extends CustomEvent {
-	static {
-		this.TYPE = "delete.image";
-	}
-	constructor(t, n) {
-		super(e.TYPE, {
-			bubbles: !0,
-			detail: {
-				src: t,
-				done: n
-			}
-		}), this.src = t, this.done = n;
-	}
-}, Sa = class e extends CustomEvent {
-	static {
-		this.TYPE = "insert.image";
-	}
-	constructor(t) {
-		super(e.TYPE, {
-			bubbles: !0,
-			detail: t
-		}), this.handler = t;
-	}
-}, Ca = class e extends CustomEvent {
-	static {
-		this.TYPE = "delete.sound";
-	}
-	constructor(t, n) {
-		super(e.TYPE, {
-			bubbles: !0,
-			detail: {
-				src: t,
-				done: n
-			}
-		}), this.src = t, this.done = n;
-	}
-}, wa = class e extends CustomEvent {
-	static {
-		this.TYPE = "insert.sound";
-	}
-	constructor(t) {
-		super(e.TYPE, {
-			bubbles: !0,
-			detail: t
-		}), this.handler = t;
-	}
-}, Ta = [
-	"circle",
-	"line",
-	"label",
-	"parabola",
-	"point",
-	"polygon",
-	"ray",
-	"segment",
-	"sine",
-	"vector"
-], Ea = {
-	model: {
-		answers: { correctAnswer: {
-			name: "Correct Answer",
-			marks: []
-		} },
-		arrows: {
-			left: !0,
-			right: !0,
-			up: !0,
-			down: !0
-		},
-		backgroundMarks: [],
-		coordinatesOnHover: !1,
-		defaultGridConfiguration: 0,
-		domain: {
-			min: -5,
-			max: 5,
-			step: 1,
-			labelStep: 1,
-			axisLabel: "x"
-		},
-		graph: {
-			width: 500,
-			height: 500
-		},
-		includeAxes: !0,
-		labels: {},
-		labelsEnabled: !0,
-		padding: !0,
-		prompt: "",
-		promptEnabled: !0,
-		range: {
-			min: -5,
-			max: 5,
-			step: 1,
-			labelStep: 1,
-			axisLabel: "y"
-		},
-		rationale: "",
-		rationaleEnabled: !0,
-		standardGrid: !1,
-		studentInstructionsEnabled: !0,
-		teacherInstructions: "",
-		teacherInstructionsEnabled: !0,
-		title: "",
-		titleEnabled: !0,
-		toolbarTools: Ta
-	},
-	configuration: {
-		baseInputConfiguration: {
-			h3: { disabled: !0 },
-			audio: { disabled: !1 },
-			video: { disabled: !1 },
-			image: { disabled: !1 },
-			textAlign: { disabled: !0 },
-			showParagraphs: { disabled: !1 },
-			separateParagraphs: { disabled: !0 }
-		},
-		availableTools: Ta,
-		authoring: {
-			settings: !1,
-			label: "Customize Grid Setup",
-			enabled: !0,
-			includeAxesEnabled: !0,
-			standardGridEnabled: !0,
-			min: {
-				label: "Min Value",
-				enabled: !0
-			},
-			max: {
-				label: "Max Value",
-				enabled: !0
-			},
-			axisLabel: {
-				label: "Label",
-				enabled: !0
-			},
-			step: {
-				label: "Grid Interval",
-				enabled: !0
-			},
-			labelStep: {
-				label: "Label Interval",
-				enabled: !0
-			}
-		},
-		arrows: {
-			settings: !0,
-			label: "Include Arrows",
-			left: { label: "left" },
-			right: { label: "right" },
-			up: { label: "up" },
-			down: { label: "down" }
-		},
-		gridConfigurations: [
-			{
-				label: "4-quadrant coordinate grid, -10 to 10",
-				arrows: {
-					left: !0,
-					right: !0,
-					up: !0,
-					down: !0
-				},
-				domain: {
-					min: -10,
-					max: 10,
-					step: 1,
-					padding: 0,
-					labelStep: 1,
-					axisLabel: "<i>x</i>"
-				},
-				graph: {
-					width: 480,
-					height: 480
-				},
-				includeAxes: !0,
-				labels: {
-					top: "",
-					right: "",
-					bottom: "",
-					left: ""
-				},
-				padding: !0,
-				range: {
-					min: -10,
-					max: 10,
-					step: 1,
-					padding: 0,
-					labelStep: 1,
-					axisLabel: "<i>y</i>"
-				},
-				standardGrid: !0,
-				title: ""
-			},
-			{
-				label: "0 to 10 on both axes",
-				arrows: {
-					left: !1,
-					right: !0,
-					up: !0,
-					down: !1
-				},
-				domain: {
-					min: 0,
-					max: 10,
-					step: 1,
-					padding: 0,
-					labelStep: 1,
-					axisLabel: "<i>x</i>"
-				},
-				graph: {
-					width: 480,
-					height: 480
-				},
-				includeAxes: !0,
-				labels: {
-					top: "",
-					right: "",
-					bottom: "",
-					left: ""
-				},
-				padding: !0,
-				range: {
-					min: 0,
-					max: 10,
-					step: 1,
-					padding: 0,
-					labelStep: 1,
-					axisLabel: "<i>y</i>"
-				},
-				standardGrid: !0,
-				title: ""
-			},
-			{
-				label: "0 to 20 on both axes",
-				arrows: {
-					left: !1,
-					right: !0,
-					up: !0,
-					down: !1
-				},
-				domain: {
-					min: 0,
-					max: 20,
-					step: 1,
-					padding: 0,
-					labelStep: 1,
-					axisLabel: "<i>x</i>"
-				},
-				graph: {
-					width: 480,
-					height: 480
-				},
-				includeAxes: !0,
-				labels: {
-					top: "",
-					right: "",
-					bottom: "",
-					left: ""
-				},
-				padding: !0,
-				range: {
-					min: 0,
-					max: 20,
-					step: 1,
-					padding: 0,
-					labelStep: 1,
-					axisLabel: "<i>y</i>"
-				},
-				standardGrid: !0,
-				title: ""
-			},
-			{
-				label: "Sample Data Graph",
-				arrows: {
-					left: !1,
-					right: !0,
-					up: !0,
-					down: !1
-				},
-				domain: {
-					min: 0,
-					max: 30,
-					step: 1,
-					padding: 0,
-					labelStep: 2,
-					axisLabel: "<i>t</i>"
-				},
-				graph: {
-					width: 480,
-					height: 480
-				},
-				includeAxes: !0,
-				labels: {
-					top: "",
-					right: "",
-					bottom: "Time (seconds)",
-					left: "Distance (meters)"
-				},
-				padding: !0,
-				range: {
-					min: 0,
-					max: 80,
-					step: 5,
-					padding: 0,
-					labelStep: 10,
-					axisLabel: "<i>d</i>"
-				},
-				standardGrid: !1,
-				title: "Distance as a function of time"
-			},
-			{
-				label: "No Visible Axes",
-				arrows: {
-					left: !1,
-					right: !1,
-					up: !1,
-					down: !1
-				},
-				domain: {
-					min: 1,
-					max: 21,
-					step: 1,
-					padding: 0,
-					labelStep: 0,
-					axisLabel: ""
-				},
-				graph: {
-					width: 480,
-					height: 480
-				},
-				includeAxes: !1,
-				labels: {
-					top: "",
-					right: "",
-					bottom: "",
-					left: ""
-				},
-				padding: !0,
-				range: {
-					min: 1,
-					max: 21,
-					step: 1,
-					padding: 0,
-					labelStep: 0,
-					axisLabel: ""
-				},
-				standardGrid: !1,
-				title: ""
-			}
-		],
-		graphDimensions: {
-			settings: !1,
-			label: "Graph Dimensions",
-			enabled: !0,
-			min: 150,
-			max: 800,
-			step: 20
-		},
-		padding: {
-			settings: !1,
-			label: "Padding"
-		},
-		labels: {
-			settings: !0,
-			label: "Graph Labels",
-			enabled: !0,
-			top: "Click here to add a top label",
-			right: "Click here to add a right label",
-			bottom: "Click here to add a bottom label",
-			left: "Click here to add a left label"
-		},
-		prompt: {
-			settings: !0,
-			label: "Item Stem",
-			required: !1,
-			inputConfiguration: {
-				audio: { disabled: !1 },
-				video: { disabled: !1 },
-				image: { disabled: !1 }
-			}
-		},
-		rationale: {
-			settings: !0,
-			label: "Rationale",
-			required: !1,
-			inputConfiguration: {
-				audio: { disabled: !1 },
-				video: { disabled: !1 },
-				image: { disabled: !1 }
-			}
-		},
-		scoringType: {
-			settings: !1,
-			label: "Scoring Type"
-		},
-		studentInstructions: {
-			settings: !1,
-			label: "Student Instructions"
-		},
-		teacherInstructions: {
-			settings: !0,
-			label: "Teacher Instructions",
-			required: !1,
-			inputConfiguration: {
-				audio: { disabled: !1 },
-				video: { disabled: !1 },
-				image: { disabled: !1 }
-			}
-		},
-		title: {
-			settings: !0,
-			label: "Graph Title",
-			enabled: !0,
-			placeholder: "Click here to add a title for this graph"
-		},
-		instruction: {
-			settings: !1,
-			label: "Graphing questions involve plotting points, lines, or other objects on a graph. To create one, first configure the grid, then select the plotting tools students will be offered, and use them to define the correct answer."
-		},
-		settingsPanelDisabled: !1,
-		spellCheck: {
-			label: "Spellcheck",
-			settings: !1,
-			enabled: !0
-		},
-		coordinatesOnHover: {
-			settings: !0,
-			label: "Coordinates on Hover"
-		},
-		maxImageWidth: {
-			teacherInstructions: 300,
-			prompt: 300,
-			rationale: 300
-		},
-		maxImageHeight: {
-			teacherInstructions: 300,
-			prompt: 300,
-			rationale: 300
-		},
-		withRubric: {
-			settings: !1,
-			label: "Add Rubric"
-		},
-		language: {
-			settings: !1,
-			label: "Specify Language",
-			enabled: !1
-		},
-		languageChoices: {
-			label: "Language Choices",
-			options: []
-		},
-		mathMlOptions: {
-			mmlOutput: !1,
-			mmlEditing: !1
-		},
-		removeIncompleteTool: !1
-	}
-}, Da = (0, zt.default)("pie-elements:graphing:configure"), Oa = (e) => Object.keys(e || {}).sort().reduce((t, n) => (n !== "correctAnswer" && (t[n] = e[n]), t), {}), ka = class t extends HTMLElement {
-	static createDefaultModel = (e = {}) => {
-		let t = {
-			...Ea.model,
-			...e
-		}, { answers: n = {}, domain: r = {}, defaultTool: i, graph: a = {}, range: o = {}, standardGrid: s, toolbarTools: c } = t, l = (c || []).filter((e) => e !== "label"), u = i || l.length && l[0] || "";
-		return {
-			...t,
-			answers: n && n.correctAnswer && {
-				correctAnswer: n.correctAnswer,
-				...Oa(n)
-			} || n,
-			defaultTool: u,
-			range: s && {
-				...o,
-				min: r.min,
-				max: r.max,
-				step: r.step,
-				labelStep: r.labelStep
-			} || o,
-			graph: s && {
-				...a,
-				height: a.width
-			} || a
-		};
-	};
-	constructor() {
-		super(), this._root = null, this._model = t.createDefaultModel(), this._configuration = Ea.configuration;
-	}
-	set model(n) {
-		this._model = t.createDefaultModel(n), this._modelCopy = e(this._model), this._render();
-	}
-	resetModelAfterConfigurationIsSet = () => {
-		let e = document.querySelectorAll("pie-author");
-		this.hasPlayerAsParent = Array.from(e).some((e) => e.contains(this)), this.hasPlayerAsParent && (this._modelCopy ? this._model = this._modelCopy : delete this._modelCopy);
-	};
-	set configuration(e) {
-		this._configuration = {
-			...Ea.configuration,
-			...e
-		}, this.resetModelAfterConfigurationIsSet(), 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(), Da("[onModelChanged]: ", this._model), this.dispatchEvent(new ba(this._model));
-	};
-	onConfigurationChanged = (e) => {
-		this._configuration = e, this._render();
-	};
-	insertImage = (e) => {
-		this.dispatchEvent(new Sa(e));
-	};
-	onDeleteImage = (e, t) => {
-		this.dispatchEvent(new xa(e, t));
-	};
-	insertSound(e) {
-		this.dispatchEvent(new wa(e));
-	}
-	onDeleteSound(e, t) {
-		this.dispatchEvent(new Ca(e, t));
-	}
-	_render() {
-		if (this._model) {
-			let e = K.createElement(ya, {
-				onModelChanged: this.onModelChanged,
-				onConfigurationChanged: this.onConfigurationChanged,
-				model: this._model,
-				configuration: this._configuration,
-				imageSupport: {
-					add: this.insertImage,
-					delete: this.onDeleteImage
-				},
-				uploadSoundSupport: {
-					add: this.insertSound.bind(this),
-					delete: this.onDeleteSound.bind(this)
-				}
-			});
-			this._root ||= De(this), this._root.render(e), queueMicrotask(() => {
-				L(this);
-			});
-		}
-	}
-	disconnectedCallback() {
-		this._root && this._root.unmount();
-	}
-};
-//#endregion
-export { ka as default };
-
-//# sourceMappingURL=index.js.map