@pie-element/charting 12.1.2-next.0 → 12.1.2-next.10

package/dist/browser/author/index.js

@@ -1,16 +1,1957 @@
-import { G as e, Y as t, n } from "../_baseSet-Cse6EM9A.js";
-import { A as r, C as i, E as a, O as o, S as s, a as c, c as l, d as u, f as d, g as f, i as p, k as m, l as h, m as g, o as _, p as v, r as y, s as b, t as x } from "../chart-Dghjf6JQ.js";
-import * as S from "react";
-import C, { useEffect as ee, useState as w } from "react";
-import { createRoot as T } from "react-dom/client";
-import { jsx as E, jsxs as D } from "react/jsx-runtime";
-//#region ../../lib-react/charting/dist/chart-type.js
-var O = /* @__PURE__ */ t(r(), 1), k = m("div")(() => ({ width: "160px" })), A = m(s)(() => ({ width: "160px" })), j = m(i)(() => ({ backgroundColor: "transparent" })), M = ({ onChange: e, value: t, availableChartTypes: n, chartTypeLabel: r }) => /* @__PURE__ */ E(k, { children: /* @__PURE__ */ D(A, {
+import { S as e, f as t, g as n, i as r, r as i, t as a, v as o } from "../dist-D6aoYeoC.js";
+import { A as s, C as c, D as l, E as u, F as d, G as f, H as p, I as m, J as h, K as g, L as _, M as v, N as y, O as b, P as x, Q as S, R as C, T as w, U as T, V as E, W as D, X as O, Y as k, Z as A, _ as j, a as M, c as ee, d as N, f as P, h as F, i as I, l as L, m as te, o as R, p as z, q as B, r as V, t as ne, u as re, v as ie, w as ae, z as H } from "../chart-CqKCTwCe.js";
+import * as U from "react";
+import W, { Component as G, createElement as oe, useEffect as se, useState as ce } from "react";
+import { createRoot as le } from "react-dom/client";
+import { jsx as K, jsxs as q } from "react/jsx-runtime";
+//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/utils/createChainedFunction.js
+var ue = m;
+//#endregion
+//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/FormControlLabel/formControlLabelClasses.js
+function de(e) {
+	return k("MuiFormControlLabel", e);
+}
+var J = h("MuiFormControlLabel", [
+	"root",
+	"labelPlacementStart",
+	"labelPlacementTop",
+	"labelPlacementBottom",
+	"disabled",
+	"label",
+	"error",
+	"required",
+	"asterisk"
+]), fe = (e) => {
+	let { classes: t, disabled: n, labelPlacement: r, error: i, required: a } = e;
+	return B({
+		root: [
+			"root",
+			n && "disabled",
+			`labelPlacement${d(r)}`,
+			i && "error",
+			a && "required"
+		],
+		label: ["label", n && "disabled"],
+		asterisk: ["asterisk", i && "error"]
+	}, de, t);
+}, pe = T("label", {
+	name: "MuiFormControlLabel",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			{ [`& .${J.label}`]: t.label },
+			t.root,
+			t[`labelPlacement${d(n.labelPlacement)}`]
+		];
+	}
+})(C(({ theme: e }) => ({
+	display: "inline-flex",
+	alignItems: "center",
+	cursor: "pointer",
+	verticalAlign: "middle",
+	WebkitTapHighlightColor: "transparent",
+	marginLeft: -11,
+	marginRight: 16,
+	[`&.${J.disabled}`]: { cursor: "default" },
+	[`& .${J.label}`]: { [`&.${J.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 }
+		}
+	]
+}))), me = T("span", {
+	name: "MuiFormControlLabel",
+	slot: "Asterisk"
+})(C(({ theme: e }) => ({ [`&.${J.error}`]: { color: (e.vars || e).palette.error.main } }))), he = /*#__PURE__*/ U.forwardRef(function(e, t) {
+	let n = H({
+		props: e,
+		name: "MuiFormControlLabel"
+	}), { checked: r, className: i, componentsProps: a = {}, control: o, disabled: s, disableTypography: c, inputRef: l, label: d, labelPlacement: f = "end", name: p, onChange: m, required: h, slots: g = {}, slotProps: v = {}, value: y, ...x } = n, S = u(), C = s ?? o.props.disabled ?? S?.disabled, w = h ?? o.props.required, T = {
+		disabled: C,
+		required: w
+	};
+	[
+		"checked",
+		"name",
+		"onChange",
+		"value",
+		"inputRef"
+	].forEach((e) => {
+		o.props[e] === void 0 && n[e] !== void 0 && (T[e] = n[e]);
+	});
+	let E = b({
+		props: n,
+		muiFormControl: S,
+		states: ["error"]
+	}), D = {
+		...n,
+		disabled: C,
+		labelPlacement: f,
+		required: w,
+		error: E.error
+	}, k = fe(D), [A, j] = _("typography", {
+		elementType: F,
+		externalForwardedProps: {
+			slots: g,
+			slotProps: {
+				...a,
+				...v
+			}
+		},
+		ownerState: D
+	}), M = d;
+	return M != null && M.type !== F && !c && (M = /*#__PURE__*/ K(A, {
+		component: "span",
+		...j,
+		className: O(k.label, j?.className),
+		children: M
+	})), /*#__PURE__*/ q(pe, {
+		className: O(k.root, i),
+		ownerState: D,
+		ref: t,
+		...x,
+		children: [/*#__PURE__*/ U.cloneElement(o, T), w ? /*#__PURE__*/ q("div", { children: [M, /*#__PURE__*/ q(me, {
+			ownerState: D,
+			"aria-hidden": !0,
+			className: k.asterisk,
+			children: [" ", "*"]
+		})] }) : M]
+	});
+});
+//#endregion
+//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/InputAdornment/inputAdornmentClasses.js
+function ge(e) {
+	return k("MuiInputAdornment", e);
+}
+var _e = h("MuiInputAdornment", [
+	"root",
+	"filled",
+	"standard",
+	"outlined",
+	"positionStart",
+	"positionEnd",
+	"disablePointerEvents",
+	"hiddenLabel",
+	"sizeSmall"
+]), ve, ye = (e, t) => {
+	let { ownerState: n } = e;
+	return [
+		t.root,
+		t[`position${d(n.position)}`],
+		n.disablePointerEvents === !0 && t.disablePointerEvents,
+		t[n.variant]
+	];
+}, be = (e) => {
+	let { classes: t, disablePointerEvents: n, hiddenLabel: r, position: i, size: a, variant: o } = e;
+	return B({ root: [
+		"root",
+		n && "disablePointerEvents",
+		i && `position${d(i)}`,
+		o,
+		r && "hiddenLabel",
+		a && `size${d(a)}`
+	] }, ge, t);
+}, xe = T("div", {
+	name: "MuiInputAdornment",
+	slot: "Root",
+	overridesResolver: ye
+})(C(({ 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" }
+		}
+	]
+}))), Se = /*#__PURE__*/ U.forwardRef(function(e, t) {
+	let n = H({
+		props: e,
+		name: "MuiInputAdornment"
+	}), { children: r, className: i, component: a = "div", disablePointerEvents: o = !1, disableTypography: s = !1, position: c, variant: d, ...f } = n, p = u() || {}, m = d;
+	d && p.variant, p && !m && (m = p.variant);
+	let h = {
+		...n,
+		hiddenLabel: p.hiddenLabel,
+		size: p.size,
+		disablePointerEvents: o,
+		position: c,
+		variant: m
+	}, g = be(h);
+	return /*#__PURE__*/ K(l.Provider, {
+		value: null,
+		children: /*#__PURE__*/ K(xe, {
+			as: a,
+			ownerState: h,
+			className: O(g.root, i),
+			ref: t,
+			...f,
+			children: typeof r == "string" && !s ? /*#__PURE__*/ K(F, {
+				color: "textSecondary",
+				children: r
+			}) : /*#__PURE__*/ q(U.Fragment, { children: [c === "start" ? ve ||= /*#__PURE__*/ K("span", {
+				className: "notranslate",
+				"aria-hidden": !0,
+				children: "​"
+			}) : null, r] })
+		})
+	});
+}), Ce = x(/*#__PURE__*/ K("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" }), "RadioButtonUnchecked"), we = x(/*#__PURE__*/ K("path", { d: "M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z" }), "RadioButtonChecked"), Te = T("span", {
+	name: "MuiRadioButtonIcon",
+	shouldForwardProp: D
+})({
+	position: "relative",
+	display: "flex"
+}), Ee = T(Ce, { name: "MuiRadioButtonIcon" })({ transform: "scale(1)" }), De = T(we, { name: "MuiRadioButtonIcon" })(C(({ 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 Oe(e) {
+	let { checked: t = !1, classes: n = {}, fontSize: r } = e, i = {
+		...e,
+		checked: t
+	};
+	return /*#__PURE__*/ q(Te, {
+		className: n.root,
+		ownerState: i,
+		children: [/*#__PURE__*/ K(Ee, {
+			fontSize: r,
+			className: n.background,
+			ownerState: i
+		}), /*#__PURE__*/ K(De, {
+			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 ke = /*#__PURE__*/ U.createContext(void 0);
+//#endregion
+//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/RadioGroup/useRadioGroup.js
+function Ae() {
+	return U.useContext(ke);
+}
+//#endregion
+//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/Radio/radioClasses.js
+function je(e) {
+	return k("MuiRadio", e);
+}
+var Me = h("MuiRadio", [
+	"root",
+	"checked",
+	"disabled",
+	"colorPrimary",
+	"colorSecondary",
+	"sizeSmall"
+]), Ne = (e) => {
+	let { classes: t, color: n, size: r } = e, i = { root: [
+		"root",
+		`color${d(n)}`,
+		r !== "medium" && `size${d(r)}`
+	] };
+	return {
+		...t,
+		...B(i, je, t)
+	};
+}, Pe = T(M, {
+	shouldForwardProp: (e) => D(e) || e === "classes",
+	name: "MuiRadio",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.root,
+			n.size !== "medium" && t[`size${d(n.size)}`],
+			t[`color${d(n.color)}`]
+		];
+	}
+})(C(({ theme: e }) => ({
+	color: (e.vars || e).palette.text.secondary,
+	[`&.${Me.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(s()).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(s()).map(([t]) => ({
+			props: {
+				color: t,
+				disabled: !1
+			},
+			style: { [`&.${Me.checked}`]: { color: (e.vars || e).palette[t].main } }
+		})),
+		{
+			props: { disableRipple: !1 },
+			style: { "&:hover": { "@media (hover: none)": { backgroundColor: "transparent" } } }
+		}
+	]
+})));
+function Fe(e, t) {
+	return typeof t == "object" && t ? e === t : String(e) === String(t);
+}
+var Ie = /*#__PURE__*/ K(Oe, { checked: !0 }), Le = /*#__PURE__*/ K(Oe, {}), Re = /*#__PURE__*/ U.forwardRef(function(e, t) {
+	let n = H({
+		props: e,
+		name: "MuiRadio"
+	}), { checked: r, checkedIcon: i = Ie, color: a = "primary", icon: o = Le, name: s, onChange: c, size: l = "medium", className: d, disabled: f, disableRipple: p = !1, slots: m = {}, slotProps: h = {}, inputProps: g, ...v } = n, y = u(), b = f;
+	y && b === void 0 && (b = y.disabled), b ??= !1;
+	let x = {
+		...n,
+		disabled: b,
+		disableRipple: p,
+		color: a,
+		size: l
+	}, S = Ne(x), C = Ae(), w = r, T = ue(c, C && C.onChange), E = s;
+	C && (w === void 0 && (w = Fe(C.value, n.value)), E === void 0 && (E = C.name));
+	let D = h.input ?? g, [k, A] = _("root", {
+		ref: t,
+		elementType: Pe,
+		className: O(S.root, d),
+		shouldForwardComponentProp: !0,
+		externalForwardedProps: {
+			slots: m,
+			slotProps: h,
+			...v
+		},
+		getSlotProps: (e) => ({
+			...e,
+			onChange: (t, ...n) => {
+				e.onChange?.(t, ...n), T(t, ...n);
+			}
+		}),
+		ownerState: x,
+		additionalProps: {
+			type: "radio",
+			icon: /*#__PURE__*/ U.cloneElement(o, { fontSize: o.props.fontSize ?? l }),
+			checkedIcon: /*#__PURE__*/ U.cloneElement(i, { fontSize: i.props.fontSize ?? l }),
+			disabled: b,
+			name: E,
+			checked: w,
+			slots: m,
+			slotProps: { input: typeof D == "function" ? D(x) : D }
+		}
+	});
+	return /*#__PURE__*/ K(k, {
+		...A,
+		classes: S
+	});
+});
+//#endregion
+//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/Switch/switchClasses.js
+function ze(e) {
+	return k("MuiSwitch", e);
+}
+var Y = h("MuiSwitch", [
+	"root",
+	"edgeStart",
+	"edgeEnd",
+	"switchBase",
+	"colorPrimary",
+	"colorSecondary",
+	"sizeSmall",
+	"sizeMedium",
+	"checked",
+	"disabled",
+	"input",
+	"thumb",
+	"track"
+]), Be = (e) => {
+	let { classes: t, edge: n, size: r, color: i, checked: a, disabled: o } = e, s = B({
+		root: [
+			"root",
+			n && `edge${d(n)}`,
+			`size${d(r)}`
+		],
+		switchBase: [
+			"switchBase",
+			`color${d(i)}`,
+			a && "checked",
+			o && "disabled"
+		],
+		thumb: ["thumb"],
+		track: ["track"],
+		input: ["input"]
+	}, ze, t);
+	return {
+		...t,
+		...s
+	};
+}, Ve = T("span", {
+	name: "MuiSwitch",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.root,
+			n.edge && t[`edge${d(n.edge)}`],
+			t[`size${d(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,
+				[`& .${Y.thumb}`]: {
+					width: 16,
+					height: 16
+				},
+				[`& .${Y.switchBase}`]: {
+					padding: 4,
+					[`&.${Y.checked}`]: { transform: "translateX(16px)" }
+				}
+			}
+		}
+	]
+}), He = T(M, {
+	name: "MuiSwitch",
+	slot: "SwitchBase",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.switchBase,
+			{ [`& .${Y.input}`]: t.input },
+			n.color !== "default" && t[`color${d(n.color)}`]
+		];
+	}
+})(C(({ 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 }),
+	[`&.${Y.checked}`]: { transform: "translateX(20px)" },
+	[`&.${Y.disabled}`]: { color: e.vars ? e.vars.palette.Switch.defaultDisabledColor : `${e.palette.mode === "light" ? e.palette.grey[100] : e.palette.grey[600]}` },
+	[`&.${Y.checked} + .${Y.track}`]: { opacity: .5 },
+	[`&.${Y.disabled} + .${Y.track}`]: { opacity: e.vars ? e.vars.opacity.switchTrackDisabled : `${e.palette.mode === "light" ? .12 : .2}` },
+	[`& .${Y.input}`]: {
+		left: "-100%",
+		width: "300%"
+	}
+})), C(({ 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(s(["light"])).map(([t]) => ({
+		props: { color: t },
+		style: {
+			[`&.${Y.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" }
+				},
+				[`&.${Y.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)}` }
+			},
+			[`&.${Y.checked} + .${Y.track}`]: { backgroundColor: (e.vars || e).palette[t].main }
+		}
+	}))]
+}))), Ue = T("span", {
+	name: "MuiSwitch",
+	slot: "Track"
+})(C(({ 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}`
+}))), We = T("span", {
+	name: "MuiSwitch",
+	slot: "Thumb"
+})(C(({ theme: e }) => ({
+	boxShadow: (e.vars || e).shadows[1],
+	backgroundColor: "currentColor",
+	boxSizing: "border-box",
+	border: "1px solid transparent",
+	width: 20,
+	height: 20,
+	borderRadius: "50%"
+}))), Ge = /*#__PURE__*/ U.forwardRef(function(e, t) {
+	let n = H({
+		props: e,
+		name: "MuiSwitch"
+	}), { className: r, color: i = "primary", edge: a = !1, size: o = "medium", sx: s, slots: c = {}, slotProps: l = {}, ...u } = n, d = {
+		...n,
+		color: i,
+		edge: a,
+		size: o
+	}, f = Be(d), p = l.input, m = {
+		slots: c,
+		slotProps: l
+	}, [h, g] = _("root", {
+		className: O(f.root, r),
+		elementType: Ve,
+		externalForwardedProps: m,
+		ownerState: d,
+		additionalProps: { sx: s }
+	}), [v, b] = _("thumb", {
+		className: f.thumb,
+		elementType: We,
+		externalForwardedProps: m,
+		ownerState: d
+	}), x = /*#__PURE__*/ K(v, { ...b }), [S, C] = _("track", {
+		className: f.track,
+		elementType: Ue,
+		externalForwardedProps: m,
+		ownerState: d
+	});
+	return /*#__PURE__*/ q(h, {
+		...g,
+		children: [/*#__PURE__*/ K(He, {
+			type: "checkbox",
+			icon: x,
+			checkedIcon: x,
+			ref: t,
+			ownerState: d,
+			...u,
+			classes: {
+				...f,
+				root: f.switchBase
+			},
+			slots: {
+				...c.switchBase && { root: c.switchBase },
+				...c.input && { input: c.input }
+			},
+			slotProps: {
+				...l.switchBase && { root: typeof l.switchBase == "function" ? l.switchBase(d) : l.switchBase },
+				input: y(typeof p == "function" ? p(d) : p, { role: "switch" })
+			}
+		}), /*#__PURE__*/ K(S, { ...C })]
+	});
+}), Ke = /* @__PURE__ */ e(o(), 1), X = /* @__PURE__ */ e(S(), 1), qe = T(he)(() => ({ "& .MuiFormControlLabel-label": {
+	left: "-5px",
+	position: "relative"
+} })), Je = T(Re)(() => ({ color: `${E.tertiary()} !important` })), Ye = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ K(qe, {
+	value: t,
+	control: /* @__PURE__ */ K(Je, {
+		checked: n,
+		onChange: r
+	}),
+	label: e
+});
+Ye.propTypes = {
+	label: X.default.string,
+	value: X.default.string,
+	checked: X.default.bool,
+	onChange: X.default.func
+};
+//#endregion
+//#region ../../lib-react/config-ui/dist/tabs/index.js
+var Xe = T(L)(() => ({})), Ze = class extends W.Component {
+	static propTypes = {
+		className: X.default.string,
+		contentClassName: X.default.string,
+		contentStyle: X.default.object,
+		children: X.default.oneOfType([X.default.arrayOf(X.default.node), X.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__ */ q("div", {
+			className: n,
+			children: [/* @__PURE__ */ K(re, {
+				indicatorColor: "primary",
+				value: e,
+				onChange: this.handleChange,
+				children: W.Children.map(t, (e, t) => e && e.props.title ? /* @__PURE__ */ K(Xe, { label: e.props.title }, t) : null)
+			}), /* @__PURE__ */ K("div", {
+				className: r,
+				style: i,
+				children: t[e]
+			})]
+		});
+	}
+}, Qe = T(he)(({ 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: g[700],
+			fontSize: e.typography.fontSize - 3
+		}
+	}
+})), $e = T(I)(({ theme: e, mini: t, error: n }) => ({
+	color: `${E.tertiary()} !important`,
+	...t && {
+		margin: 0,
+		padding: 0,
+		width: e.spacing(3),
+		height: e.spacing(3)
+	},
+	...n && { color: `${e.palette.error.main} !important` }
+})), et = ({ mini: e, checked: t, onChange: n, value: r, label: i, error: a }) => /* @__PURE__ */ K(Qe, {
+	mini: e,
+	control: /* @__PURE__ */ K($e, {
+		checked: t,
+		onChange: n,
+		value: r,
+		mini: e,
+		error: a
+	}),
+	label: i
+});
+et.propTypes = {
+	mini: X.default.bool,
+	checked: X.default.bool.isRequired,
+	onChange: X.default.func.isRequired,
+	value: X.default.string,
+	label: X.default.string.isRequired,
+	error: X.default.bool
+}, et.defaultProps = {
+	value: "",
+	mini: !1,
+	error: !1
+};
+//#endregion
+//#region ../../lib-react/config-ui/dist/number-text-field.js
+var tt = (0, Ke.default)("@pie-lib:config-ui:number-text-field"), nt = T(N)(({ 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"
+	}
+})), rt = (e, t) => {
+	if (!r(e) && !r(t)) return 0;
+	if (!r(e) && r(t)) return t;
+	if (r(e)) return e;
+}, it = class extends W.Component {
+	static propTypes = {
+		disabled: X.default.bool,
+		className: X.default.string,
+		inputClassName: X.default.string,
+		onChange: X.default.func.isRequired,
+		value: X.default.number,
+		min: X.default.number,
+		max: X.default.number,
+		label: X.default.string,
+		suffix: X.default.string,
+		showErrorWhenOutsideRange: X.default.bool,
+		disableUnderline: X.default.bool,
+		variant: X.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 r(e) ? (r(n) && (e = Math.min(e, n)), r(t) && (e = Math.max(e, t)), e) : rt(t, n);
+	}
+	onBlur = (e) => {
+		let t = e.target.value, n = parseFloat(t);
+		tt("rawNumber: ", n);
+		let r = this.clamp(n);
+		tt("number: ", r), r !== this.state.value && (tt("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__ */ K(nt, {
+			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__ */ K(Se, {
+					position: "end",
+					children: r
+				}),
+				className: o,
+				inputProps: {
+					min: i,
+					max: a
+				}
+			} },
+			margin: "normal"
+		});
+	}
+}, at = (e) => typeof e == "object" && !!e && typeof e.n == "number" && typeof e.d == "number", ot = (e) => {
+	if (typeof e == "number") return e;
+	if (at(e)) return (e.s ?? 1) * e.n / e.d;
+	let t = String(e).trim(), n = t.match(/^([+-]?\d+)\s*\/\s*([+-]?\d+)$/);
+	return n ? Number.parseInt(n[1] ?? "0", 10) / Number.parseInt(n[2] ?? "1", 10) : Number(t);
+}, st = x(/*#__PURE__*/ K("path", { d: "M19 13H5v-2h14z" }), "Remove"), ct = x(/*#__PURE__*/ K("path", { d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z" }), "Add"), lt = T(N)(() => ({
+	"& 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
+	}
+})), ut = T(j)(() => ({ padding: "2px" })), dt = (e, t) => {
+	if (!r(e) && !r(t)) return 0;
+	if (!r(e) && r(t)) return t;
+	if (r(e)) return e;
+}, ft = class extends W.Component {
+	static propTypes = {
+		className: X.default.string,
+		customValues: X.default.array,
+		disabled: X.default.bool,
+		error: X.default.bool,
+		inputClassName: X.default.string,
+		helperText: X.default.string,
+		onChange: X.default.func.isRequired,
+		onlyIntegersAllowed: X.default.bool,
+		value: X.default.any,
+		min: X.default.number,
+		max: X.default.number,
+		step: X.default.number,
+		label: X.default.string,
+		disableUnderline: X.default.bool,
+		textAlign: X.default.string,
+		variant: X.default.string,
+		type: X.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: i } = this.props;
+		return (i || []).length > 0 ? e : r(e) ? (r(n) && (e = Math.min(e, n)), r(t) && (e = Math.max(e, t)), e) : dt(t, n);
+	}
+	normalizeValueAndIndex = (e, t, n, r) => {
+		let { type: i } = this.props, a = this.clamp(t, n, r), o = (e || []).findIndex((e) => e === a);
+		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(ot(n) - ot(t)) < Math.abs(ot(e.value) - ot(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: i, min: a, max: o, customValues: s, inputClassName: c, disableUnderline: l, helperText: u, variant: d, textAlign: f, type: p = "number" } = this.props, { value: m } = this.state, h = e, g = !1, _ = !1;
+		return s.length > 0 ? (g = m === s[0], _ = m === s[s.length - 1]) : r(a) && r(o) && (g = m === a, _ = m === o), /* @__PURE__ */ K(lt, {
+			variant: d,
+			inputRef: (e) => this.inputRef = e,
+			disabled: n,
+			label: t,
+			value: m,
+			error: i,
+			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__ */ K(Se, {
+					position: "start",
+					children: /* @__PURE__ */ K(ut, {
+						disabled: n || g,
+						onClick: (e) => this.changeValue(e, -1, !0),
+						size: "large",
+						children: /* @__PURE__ */ K(st, { fontSize: "small" })
+					})
+				}),
+				endAdornment: /* @__PURE__ */ K(Se, {
+					position: "end",
+					children: /* @__PURE__ */ K(ut, {
+						disabled: n || _,
+						onClick: (e) => this.changeValue(e, 1, !0),
+						size: "large",
+						children: /* @__PURE__ */ K(ct, { fontSize: "small" })
+					})
+				})
+			},
+			inputProps: {
+				style: { textAlign: f },
+				min: a,
+				max: o
+			}
+		});
+	}
+};
+//#endregion
+//#region ../../lib-react/config-ui/dist/two-choice.js
+function pt(e) {
+	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
+}
+function mt(e, t) {
+	return !e || pt(e) ? e : pt(e.default) ? e.default : t && pt(e[t]) ? e[t] : t && pt(e[t]?.default) ? e[t].default : e;
+}
+var ht = mt(c, "InputContainer") || mt(vt.InputContainer, "InputContainer"), gt = ie, _t = gt.default, vt = _t && typeof _t == "object" ? _t : gt, yt = T("div")(({ theme: e, direction: t }) => ({
+	display: "flex",
+	flexWrap: "wrap",
+	paddingLeft: 0,
+	marginTop: e.spacing(1),
+	...t === "vertical" && { flexDirection: "column" }
+})), bt = class extends W.Component {
+	static propTypes = {
+		header: X.default.string.isRequired,
+		className: X.default.string,
+		customLabel: X.default.func,
+		opts: X.default.array.isRequired,
+		value: X.default.string,
+		onChange: X.default.func.isRequired,
+		direction: X.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 || Ye;
+		return /* @__PURE__ */ K(ht, {
+			label: e,
+			className: t,
+			children: /* @__PURE__ */ K(yt, {
+				direction: a,
+				children: o.map((e, t) => /* @__PURE__ */ K(s, {
+					value: e.value,
+					checked: e.value === i,
+					onChange: this.handleChange,
+					label: e.label
+				}, t))
+			})
+		});
+	}
+}, xt = X.default.shape({
+	label: X.default.string,
+	value: X.default.string
+});
+(class extends W.Component {
+	static propTypes = {
+		header: X.default.string.isRequired,
+		value: X.default.string.isRequired,
+		onChange: X.default.func.isRequired,
+		one: X.default.oneOfType([xt, X.default.string]),
+		two: X.default.oneOfType([xt, X.default.string]),
+		className: X.default.string,
+		customLabel: X.default.func
+	};
+	render() {
+		let { one: e, two: t, header: n, className: r, customLabel: i, value: a, onChange: o } = this.props;
+		return /* @__PURE__ */ K(bt, {
+			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 St = Object.defineProperty, Ct = (e, t) => {
+	let n = {};
+	for (var r in e) St(n, r, {
+		get: e[r],
+		enumerable: !0
+	});
+	return t || St(n, Symbol.toStringTag, { value: "Module" }), n;
+}, wt = T("div")(() => ({
+	display: "flex",
+	flexDirection: "column",
+	position: "relative"
+})), Tt = T("div")(() => ({
+	display: "flex",
+	justifyContent: "space-between"
+})), Et = T("div")(({ theme: e }) => ({ padding: `${e.spacing(2)} 0` })), Dt = T("div")(() => ({ flex: "1" })), Ot = T("div")(({ theme: e }) => ({ marginLeft: e.spacing(2) })), kt = class extends W.Component {
+	static propTypes = {
+		mode: X.default.oneOf(["tabbed", "inline"]),
+		secondary: X.default.oneOfType([X.default.arrayOf(X.default.node), X.default.node]),
+		children: X.default.oneOfType([X.default.arrayOf(X.default.node), X.default.node]),
+		dimensions: X.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__ */ q(wt, {
+			style: {
+				minHeight: i,
+				minWidth: a,
+				maxHeight: o,
+				maxWidth: s
+			},
+			children: [
+				e === "inline" && /* @__PURE__ */ q(Tt, { children: [/* @__PURE__ */ K(Dt, {
+					className: "design-container",
+					children: n
+				}), l && /* @__PURE__ */ K(Ot, {
+					className: "settings-container",
+					children: t
+				})] }),
+				e === "tabbed" && l && /* @__PURE__ */ q(Ze, {
+					onChange: this.onTabsChange,
+					contentClassName: "content-container",
+					indicatorColor: "primary",
+					children: [/* @__PURE__ */ K(Et, {
+						title: "Design",
+						className: "design-container",
+						children: n
+					}), /* @__PURE__ */ K(Et, {
+						title: "Settings",
+						className: "settings-container",
+						children: t
+					})]
+				}),
+				e === "tabbed" && !l && /* @__PURE__ */ K(Et, {
+					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 At() {
+	return At = Object.assign ? Object.assign.bind() : function(e) {
+		for (var t = 1; t < arguments.length; t++) {
+			var n = arguments[t];
+			for (var r in n) ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
+		}
+		return e;
+	}, At.apply(null, arguments);
+}
+//#endregion
+//#region ../../lib-react/config-ui/dist/node_modules/.bun/@babel_runtime@7.29.7/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
+function jt(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 Mt(e, t) {
+	return Mt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+		return e.__proto__ = t, e;
+	}, Mt(e, t);
+}
+//#endregion
+//#region ../../lib-react/config-ui/dist/node_modules/.bun/@babel_runtime@7.29.7/node_modules/@babel/runtime/helpers/esm/inheritsLoose.js
+function Nt(e, t) {
+	e.prototype = Object.create(t.prototype), e.prototype.constructor = e, Mt(e, t);
+}
+//#endregion
+//#region ../../lib-react/config-ui/dist/node_modules/.bun/resize-observer-polyfill@1.5.1/node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js
+var Pt = (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;
+	}();
+})(), Ft = typeof window < "u" && typeof document < "u" && window.document === document, It = (function() {
+	return typeof global < "u" && global.Math === Math ? global : typeof self < "u" && self.Math === Math ? self : typeof window < "u" && window.Math === Math ? window : Function("return this")();
+})(), Lt = (function() {
+	return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(It) : function(e) {
+		return setTimeout(function() {
+			return e(Date.now());
+		}, 1e3 / 60);
+	};
+})(), Rt = 2;
+function zt(e, t) {
+	var n = !1, r = !1, i = 0;
+	function a() {
+		n && (n = !1, e()), r && s();
+	}
+	function o() {
+		Lt(a);
+	}
+	function s() {
+		var e = Date.now();
+		if (n) {
+			if (e - i < Rt) return;
+			r = !0;
+		} else n = !0, r = !1, setTimeout(o, t);
+		i = e;
+	}
+	return s;
+}
+var Bt = 20, Vt = [
+	"top",
+	"right",
+	"bottom",
+	"left",
+	"width",
+	"height",
+	"size",
+	"weight"
+], Ht = typeof MutationObserver < "u", Ut = function() {
+	function e() {
+		this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = zt(this.refresh.bind(this), Bt);
+	}
+	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() {
+		!Ft || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), Ht ? (this.mutationsObserver_ = new MutationObserver(this.refresh), this.mutationsObserver_.observe(document, {
+			attributes: !0,
+			childList: !0,
+			characterData: !0,
+			subtree: !0
+		})) : (document.addEventListener("DOMSubtreeModified", this.refresh), this.mutationEventsAdded_ = !0), this.connected_ = !0);
+	}, e.prototype.disconnect_ = function() {
+		!Ft || !this.connected_ || (document.removeEventListener("transitionend", this.onTransitionEnd_), window.removeEventListener("resize", this.refresh), this.mutationsObserver_ && this.mutationsObserver_.disconnect(), this.mutationEventsAdded_ && document.removeEventListener("DOMSubtreeModified", this.refresh), this.mutationsObserver_ = null, this.mutationEventsAdded_ = !1, this.connected_ = !1);
+	}, e.prototype.onTransitionEnd_ = function(e) {
+		var t = e.propertyName, n = t === void 0 ? "" : t;
+		Vt.some(function(e) {
+			return !!~n.indexOf(e);
+		}) && this.refresh();
+	}, e.getInstance = function() {
+		return this.instance_ ||= new e(), this.instance_;
+	}, e.instance_ = null, e;
+}(), Wt = (function(e, t) {
+	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;
+}), Z = (function(e) {
+	return e && e.ownerDocument && e.ownerDocument.defaultView || It;
+}), Gt = tn(0, 0, 0, 0);
+function Kt(e) {
+	return parseFloat(e) || 0;
+}
+function qt(e) {
+	return [...arguments].slice(1).reduce(function(t, n) {
+		var r = e["border-" + n + "-width"];
+		return t + Kt(r);
+	}, 0);
+}
+function Jt(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] = Kt(o);
+	}
+	return n;
+}
+function Yt(e) {
+	var t = e.getBBox();
+	return tn(0, 0, t.width, t.height);
+}
+function Xt(e) {
+	var t = e.clientWidth, n = e.clientHeight;
+	if (!t && !n) return Gt;
+	var r = Z(e).getComputedStyle(e), i = Jt(r), a = i.left + i.right, o = i.top + i.bottom, s = Kt(r.width), c = Kt(r.height);
+	if (r.boxSizing === "border-box" && (Math.round(s + a) !== t && (s -= qt(r, "left", "right") + a), Math.round(c + o) !== n && (c -= qt(r, "top", "bottom") + o)), !Qt(e)) {
+		var l = Math.round(s + a) - t, u = Math.round(c + o) - n;
+		Math.abs(l) !== 1 && (s -= l), Math.abs(u) !== 1 && (c -= u);
+	}
+	return tn(i.left, i.top, s, c);
+}
+var Zt = (function() {
+	return typeof SVGGraphicsElement < "u" ? function(e) {
+		return e instanceof Z(e).SVGGraphicsElement;
+	} : function(e) {
+		return e instanceof Z(e).SVGElement && typeof e.getBBox == "function";
+	};
+})();
+function Qt(e) {
+	return e === Z(e).document.documentElement;
+}
+function $t(e) {
+	return Ft ? Zt(e) ? Yt(e) : Xt(e) : Gt;
+}
+function en(e) {
+	var t = e.x, n = e.y, r = e.width, i = e.height, a = Object.create((typeof DOMRectReadOnly < "u" ? DOMRectReadOnly : Object).prototype);
+	return Wt(a, {
+		x: t,
+		y: n,
+		width: r,
+		height: i,
+		top: n,
+		right: t + r,
+		bottom: i + n,
+		left: t
+	}), a;
+}
+function tn(e, t, n, r) {
+	return {
+		x: e,
+		y: t,
+		width: n,
+		height: r
+	};
+}
+var nn = function() {
+	function e(e) {
+		this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = tn(0, 0, 0, 0), this.target = e;
+	}
+	return e.prototype.isActive = function() {
+		var e = $t(this.target);
+		return this.contentRect_ = e, e.width !== this.broadcastWidth || e.height !== this.broadcastHeight;
+	}, e.prototype.broadcastRect = function() {
+		var e = this.contentRect_;
+		return this.broadcastWidth = e.width, this.broadcastHeight = e.height, e;
+	}, e;
+}(), rn = function() {
+	function e(e, t) {
+		var n = en(t);
+		Wt(this, {
+			target: e,
+			contentRect: n
+		});
+	}
+	return e;
+}(), an = function() {
+	function e(e, t, n) {
+		if (this.activeObservations_ = [], this.observations_ = new Pt(), typeof e != "function") throw TypeError("The callback provided as parameter 1 is not a function.");
+		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 Z(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
+			var t = this.observations_;
+			t.has(e) || (t.set(e, new nn(e)), this.controller_.addObserver(this), this.controller_.refresh());
+		}
+	}, 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 Z(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 rn(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;
+}(), on = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new Pt(), sn = function() {
+	function e(t) {
+		if (!(this instanceof e)) throw TypeError("Cannot call a class as a function.");
+		if (!arguments.length) throw TypeError("1 argument required, but only 0 present.");
+		var n = new an(t, Ut.getInstance(), this);
+		on.set(this, n);
+	}
+	return e;
+}();
+[
+	"observe",
+	"unobserve",
+	"disconnect"
+].forEach(function(e) {
+	sn.prototype[e] = function() {
+		var t;
+		return (t = on.get(this))[e].apply(t, arguments);
+	};
+});
+var cn = (function() {
+	return It.ResizeObserver === void 0 ? sn : It.ResizeObserver;
+})(), ln = [
+	"client",
+	"offset",
+	"scroll",
+	"bounds",
+	"margin"
+];
+function un(e) {
+	var t = [];
+	return ln.forEach(function(n) {
+		e[n] && t.push(n);
+	}), t;
+}
+function dn(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 fn(e) {
+	return e && e.ownerDocument && e.ownerDocument.defaultView || window;
+}
+function pn(e) {
+	return function(t) {
+		var n, r;
+		return r = n = /*#__PURE__*/ function(n) {
+			Nt(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 = dn(t._node, e || un(t.props));
+					n && (r.entry = n[0].contentRect), t._animationFrameID = t._window.requestAnimationFrame(function() {
+						t._resizeObserver !== null && (t.setState({ contentRect: r }), typeof t.props.onResize == "function" && t.props.onResize(r));
+					});
+				}, t._handleRef = function(e) {
+					t._resizeObserver !== null && t._node !== null && t._resizeObserver.unobserve(t._node), t._node = e, t._window = fn(t._node);
+					var n = t.props.innerRef;
+					n && (typeof n == "function" ? n(t._node) : n.current = t._node), t._resizeObserver !== null && t._node !== null && t._resizeObserver.observe(t._node);
+				}, t;
+			}
+			var i = r.prototype;
+			return i.componentDidMount = function() {
+				this._resizeObserver = this._window !== null && this._window.ResizeObserver ? new this._window.ResizeObserver(this.measure) : new cn(this.measure), this._node !== null && (this._resizeObserver.observe(this._node), typeof this.props.onResize == "function" && this.props.onResize(dn(this._node, e || un(this.props))));
+			}, i.componentWillUnmount = function() {
+				this._window !== null && this._window.cancelAnimationFrame(this._animationFrameID), this._resizeObserver !== null && (this._resizeObserver.disconnect(), this._resizeObserver = null);
+			}, i.render = function() {
+				var e = this.props;
+				return e.innerRef, e.onResize, oe(t, At({}, jt(e, ["innerRef", "onResize"]), {
+					measureRef: this._handleRef,
+					measure: this.measure,
+					contentRect: this.state.contentRect
+				}));
+			}, r;
+		}(G), n.propTypes = {
+			client: X.default.bool,
+			offset: X.default.bool,
+			scroll: X.default.bool,
+			bounds: X.default.bool,
+			margin: X.default.bool,
+			innerRef: X.default.oneOfType([X.default.object, X.default.func]),
+			onResize: X.default.func
+		}, r;
+	};
+}
+var mn = pn()(function(e) {
+	var t = e.measure, n = e.measureRef, r = e.contentRect, i = e.children;
+	return i({
+		measure: t,
+		measureRef: n,
+		contentRect: r
+	});
+});
+mn.displayName = "Measure", mn.propTypes.children = X.default.func;
+//#endregion
+//#region ../../lib-react/config-ui/dist/layout/settings-box.js
+var hn = T("div")(() => ({
+	backgroundColor: E.white(),
+	border: `2px solid ${E.border()}`,
+	display: "flex",
+	flexDirection: "column",
+	justifyContent: "flex-start",
+	minWidth: "275px",
+	maxWidth: "300px",
+	padding: "20px 4px 4px 20px",
+	zIndex: 99
+})), gn = class extends W.Component {
+	static propTypes = {
+		className: X.default.string,
+		children: X.default.oneOfType([X.default.arrayOf(X.default.node), X.default.node]).isRequired
+	};
+	static defaultProps = {};
+	render() {
+		let { className: e, children: t } = this.props;
+		return /* @__PURE__ */ K(hn, {
+			className: e,
+			children: t
+		});
+	}
+}, _n = f({
+	typography: { fontFamily: "inherit" },
+	components: { MuiButton: { styleOverrides: { contained: {
+		backgroundColor: "#e0e0e0",
+		color: "#000000",
+		"&:hover": { backgroundColor: "#bdbdbd" }
+	} } } }
+}), vn = class extends W.Component {
+	static propTypes = {
+		children: X.default.oneOfType([
+			X.default.string,
+			X.default.arrayOf(X.default.element),
+			X.default.element
+		]),
+		className: X.default.string,
+		dimensions: X.default.object,
+		settings: X.default.element,
+		sidePanelMinWidth: X.default.number,
+		hideSettings: X.default.bool,
+		extraCSSRules: X.default.shape({
+			names: X.default.arrayOf(X.default.string),
+			rules: X.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__ */ K(A, {
+			injectFirst: !0,
+			children: /* @__PURE__ */ K(p, {
+				theme: _n,
+				children: /* @__PURE__ */ K(mn, {
+					bounds: !0,
+					onResize: this.onResize,
+					children: ({ measureRef: e }) => {
+						let { children: t, settings: n, hideSettings: r, dimensions: i, extraCSSRules: a } = this.props, { layoutMode: o } = this.state, s = r ? null : o === "inline" ? /* @__PURE__ */ K(gn, {
+							className: "settings-box",
+							children: n
+						}) : n;
+						return /* @__PURE__ */ q("div", {
+							ref: e,
+							className: "main-container extraCSSRules",
+							children: [a?.rules ? /* @__PURE__ */ K("style", { dangerouslySetInnerHTML: { __html: `.extraCSSRules { ${a.rules} }` } }) : null, /* @__PURE__ */ K(kt, {
+								mode: o,
+								secondary: s,
+								dimensions: i,
+								children: t
+							})]
+						});
+					}
+				})
+			})
+		});
+	}
+}, yn = pn("bounds")(vn), bn = /* @__PURE__ */ Ct({
+	ConfigLayout: () => yn,
+	LayoutContents: () => kt
+}), xn = T("div")(() => ({
+	display: "flex",
+	width: "100%",
+	justifyContent: "space-between"
+})), Sn = T(w)(({ theme: e }) => ({
+	color: "rgba(0, 0, 0, 0.89)",
+	fontSize: e.typography.fontSize,
+	paddingTop: e.spacing(2)
+})), Cn = T(Ge)(({ checked: e }) => ({
+	"&.Mui-checked .MuiSwitch-thumb": { color: `${E.tertiary()} !important` },
+	"&.Mui-checked .MuiSwitch-track": { backgroundColor: `${E.tertiaryLight()} !important` },
+	"& .MuiSwitch-track": { backgroundColor: e ? `${E.tertiaryLight()} !important` : void 0 }
+})), wn = ({ checked: e, disabled: t, label: n, toggle: r }) => /* @__PURE__ */ q(xn, { children: [/* @__PURE__ */ K(Sn, { children: n }), /* @__PURE__ */ K(Cn, {
+	checked: e,
+	disabled: t,
+	onChange: (e) => r(e.target.checked)
+})] });
+wn.propTypes = {
+	checked: X.default.bool,
+	disabled: X.default.bool,
+	label: X.default.string.isRequired,
+	toggle: X.default.func.isRequired
+};
+//#endregion
+//#region ../../lib-react/config-ui/dist/settings/settings-radio-label.js
+var Tn = T(he)(({ theme: e }) => ({ "& .MuiFormControlLabel-label": {
+	color: "rgba(0, 0, 0, 0.89)",
+	fontSize: e.typography.fontSize - 2,
+	left: "-5px",
+	position: "relative"
+} })), En = T(Re)(() => ({ color: `${E.tertiary()} !important` })), Dn = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ K(Tn, {
+	value: t,
+	control: /* @__PURE__ */ K(En, {
+		checked: n,
+		onChange: r
+	}),
+	label: e
+});
+Dn.propTypes = {
+	label: X.default.string,
+	value: X.default.string,
+	checked: X.default.bool,
+	onChange: X.default.func
+};
+//#endregion
+//#region ../../lib-react/config-ui/dist/settings/panel.js
+var On = (0, Ke.default)("pie-lib:config-ui:settings:panel"), kn = {
+	label: X.default.string,
+	value: X.default.string
+}, Q = {
+	label: X.default.string,
+	value: X.default.string,
+	onChange: X.default.func
+}, An = ({ label: e, value: t, onChange: n }) => /* @__PURE__ */ K(et, {
+	checked: t,
+	label: e,
+	onChange: (e) => {
+		n(e.target.checked);
+	}
+});
+An.propTypes = {
+	label: X.default.string,
+	value: X.default.bool,
+	onChange: X.default.func
+};
+var jn = T(bt)(({ 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) }
+})), Mn = ({ label: e, value: t, onChange: n, choices: r }) => /* @__PURE__ */ K(jn, {
+	direction: "horizontal",
+	customLabel: Dn,
+	value: t,
+	header: e,
+	opts: r,
+	onChange: n
+});
+Mn.propTypes = {
+	...Q,
+	choices: X.default.arrayOf(X.default.shape(kn))
+};
+var Nn = Mn, Pn = T("p")(({ theme: e }) => ({
+	margin: 0,
+	fontSize: e.typography.fontSize
+})), Fn = T(z)(({ theme: e }) => ({
+	marginTop: e.spacing(.5),
+	border: "2px solid lightgrey",
+	padding: `0 ${e.spacing(1)}`,
+	borderRadius: "4px"
+})), In = ({ label: e, value: t, onChange: n, choices: r = [] }) => {
+	let i = (e) => typeof e == "string" ? e : e.label, a = (e) => typeof e == "string" ? e : e.value;
+	return /* @__PURE__ */ q("div", { children: [e && /* @__PURE__ */ K(Pn, { children: e }), /* @__PURE__ */ K(Fn, {
+		value: t || r && r[0],
+		onChange: ({ target: e }) => n(e.value),
+		input: /* @__PURE__ */ K(te, { id: `dropdown-${e}` }),
+		disableUnderline: !0,
+		MenuProps: { transitionDuration: {
+			enter: 225,
+			exit: 195
+		} },
+		children: r.map((e, t) => /* @__PURE__ */ K(P, {
+			value: a(e),
+			children: i(e)
+		}, t))
+	})] });
+};
+In.propTypes = {
+	...Q,
+	choices: X.default.arrayOf(X.default.string)
+};
+var Ln = T(F)(({ theme: e }) => ({
+	marginRight: e.spacing(3),
+	marginTop: e.spacing(1)
+})), Rn = ({ label: e }) => /* @__PURE__ */ K(Ln, { children: e }), zn = T(it)(({ 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"
+	}
+})), Bn = ({ label: e, value: t, onChange: n = () => {}, suffix: r, min: i, max: a }) => /* @__PURE__ */ K(zn, {
+	variant: "standard",
+	label: e || "Label",
+	value: t,
+	max: a,
+	min: i,
+	onChange: (e, t) => n(t),
+	suffix: r,
+	showErrorWhenOutsideRange: !0,
+	disableUnderline: !0
+});
+Bn.propTypes = {
+	...Q,
+	suffix: X.default.string,
+	min: X.default.number,
+	max: X.default.number,
+	value: X.default.number
+}, Rn.propTypes = { ...Q };
+var Vn = ({ disabled: e, label: t, value: n, onChange: r }) => /* @__PURE__ */ K(wn, {
+	label: t,
+	checked: !!n,
+	disabled: !!e,
+	toggle: r
+});
+Vn.propTypes = {
+	...Q,
+	value: X.default.bool
+};
+var Hn = {
+	toggle: Vn,
+	radio: Nn,
+	dropdown: In,
+	numberField: Bn,
+	checkbox: An,
+	textField: Rn
+}, Un = T("div")(({ theme: e }) => ({ margin: `0 0 ${e.spacing(2)} 0` })), Wn = T("div")(({ theme: e }) => ({
+	color: "#495B8F",
+	fontSize: e.typography.fontSize + 2,
+	fontWeight: 600,
+	marginBottom: e.spacing(1)
+})), Gn = T("p")(({ theme: e }) => ({
+	fontSize: e.typography.fontSize,
+	marginBottom: 0
+})), Kn = (e) => {
+	let { model: t, label: r, group: i, configuration: a, onChange: o } = e, s = (e, r, i) => {
+		let { isConfigProperty: s, ...c } = n(e, i || r), l = n(s ? a : t, r), u = {
+			...c,
+			key: r,
+			value: l
+		}, d = Hn[u.type];
+		return /* @__PURE__ */ K(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__ */ q("div", { children: [/* @__PURE__ */ K(Gn, { children: i }), Object.keys(a).map((n) => s(e, `${t}.${n}`, `${t}.fields.${n}`))] }, `numberField-${i}`) : r === "checkboxes" ? /* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K("p", { children: i }), Object.keys(o).map((n) => s(e, `${t}.${n}`, `${t}.choices.${n}`))] }, `checkbox-${i}`) : s(e, t);
+	};
+	return /* @__PURE__ */ q(Un, { children: [/* @__PURE__ */ K(Wn, { children: r }), Object.keys(i).map((e) => c(i, e))] });
+};
+Kn.propTypes = {
+	model: X.default.object,
+	label: X.default.string,
+	group: X.default.object,
+	configuration: X.default.object,
+	onChange: X.default.func
+};
+var qn = class extends W.Component {
+	static propTypes = {
+		model: X.default.object,
+		configuration: X.default.object,
+		groups: X.default.object,
+		onChangeModel: X.default.func,
+		onChangeConfiguration: X.default.func,
+		modal: X.default.object
+	};
+	static defaultProps = {
+		onChangeModel: () => {},
+		onChangeConfiguration: () => {}
+	};
+	change = (e, t, n = !1) => {
+		On("[changeModel]", e, t);
+		let { onChangeModel: r, onChangeConfiguration: a } = this.props, o = { ...this.props.model }, s = { ...this.props.configuration };
+		n ? (i(s, e, t), a(s, e)) : (i(o, e, t), r(o, e));
+	};
+	render() {
+		let { groups: e, model: t, configuration: n, modal: r } = this.props;
+		return On("render:", t), /* @__PURE__ */ q("div", { children: [Object.keys(e || {}).map((r) => Object.entries(e[r]).some(([, e]) => !!e) ? /* @__PURE__ */ K(Kn, {
+			label: r,
+			model: t,
+			configuration: n,
+			group: e[r],
+			onChange: this.change
+		}, r) : null), r] });
+	}
+}, Jn = /* @__PURE__ */ Ct({
+	Panel: () => qn,
+	checkbox: () => nr,
+	checkboxes: () => rr,
+	dropdown: () => $n,
+	numberField: () => er,
+	numberFields: () => tr,
+	radio: () => Qn,
+	textField: () => Yn,
+	toggle: () => Xn
+}), Yn = (e, t = !0) => ({
+	label: e,
+	type: "textField",
+	isConfigProperty: t
+}), Xn = (e, t = !1, n = !1) => ({
+	type: "toggle",
+	label: e,
+	isConfigProperty: t,
+	disabled: n
+}), Zn = (e) => typeof e == "string" ? {
+	label: e,
+	value: e
+} : e, Qn = function() {
+	let [e, t, n = !1] = Array.prototype.slice.call(arguments);
+	return {
+		type: "radio",
+		label: e,
+		choices: t && t.map((e) => Zn(e)),
+		isConfigProperty: n
+	};
+}, $n = (e, t, n = !1) => ({
+	type: "dropdown",
+	label: e,
+	choices: t,
+	isConfigProperty: n
+}), er = (e, t, n = !1) => ({
+	...t,
+	label: e,
+	type: "numberField",
+	isConfigProperty: n
+}), tr = (e, t, n = !1) => (Object.keys(t).map((e) => {
+	t[e] = er(t[e].label, t[e], n);
+}), {
+	type: "numberFields",
+	label: e,
+	fields: t
+}), nr = (e, t, n = !1) => ({
+	...t,
+	label: e,
+	type: "checkbox",
+	isConfigProperty: n
+}), rr = (e, t, n = !1) => (Object.keys(t).map((e) => {
+	t[e] = nr(t[e].label, t[e], n);
+}), {
+	type: "checkboxes",
+	label: e,
+	choices: t
+});
+//#endregion
+//#region ../../lib-react/config-ui/dist/index.js
+function ir(e) {
+	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
+}
+function ar(e, t) {
+	return !e || ir(e) ? e : ir(e.default) ? e.default : t && ir(e[t]) ? e[t] : t && ir(e[t]?.default) ? e[t].default : e;
+}
+var or = ar(c, "InputContainer") || ar(lr.InputContainer, "InputContainer"), sr = ie, cr = sr.default, lr = cr && typeof cr == "object" ? cr : sr, ur = T("div")(() => ({ width: "160px" })), dr = T(ae)(() => ({ width: "160px" })), fr = T(w)(() => ({ backgroundColor: "transparent" })), pr = ({ onChange: e, value: t, availableChartTypes: n, chartTypeLabel: r }) => /* @__PURE__ */ K(ur, { children: /* @__PURE__ */ q(dr, {
 	variant: "outlined",
-	children: [/* @__PURE__ */ E(j, {
+	children: [/* @__PURE__ */ K(fr, {
 		id: "type-helper-label",
 		children: r
-	}), /* @__PURE__ */ D(v, {
+	}), /* @__PURE__ */ q(z, {
 		labelId: "type-helper-label",
 		id: "type-helper-label-select",
 		name: "chartType",
@@ -22,49 +1963,49 @@ var O = /* @__PURE__ */ t(r(), 1), k = m("div")(() => ({ width: "160px" })), A =
 			exit: 195
 		} },
 		children: [
-			n?.histogram && /* @__PURE__ */ E(d, {
+			n?.histogram && /* @__PURE__ */ K(P, {
 				value: "histogram",
 				children: n.histogram
 			}),
-			n?.bar && /* @__PURE__ */ E(d, {
+			n?.bar && /* @__PURE__ */ K(P, {
 				value: "bar",
 				children: n.bar
 			}),
-			n?.lineDot && /* @__PURE__ */ E(d, {
+			n?.lineDot && /* @__PURE__ */ K(P, {
 				value: "lineDot",
 				children: n.lineDot
 			}),
-			n?.lineCross && /* @__PURE__ */ E(d, {
+			n?.lineCross && /* @__PURE__ */ K(P, {
 				value: "lineCross",
 				children: n.lineCross
 			}),
-			n?.dotPlot && /* @__PURE__ */ E(d, {
+			n?.dotPlot && /* @__PURE__ */ K(P, {
 				value: "dotPlot",
 				children: n.dotPlot
 			}),
-			n?.linePlot && /* @__PURE__ */ E(d, {
+			n?.linePlot && /* @__PURE__ */ K(P, {
 				value: "linePlot",
 				children: n.linePlot
 			})
 		]
 	})]
 }) });
-M.propTypes = {
-	onChange: O.default.func.isRequired,
-	value: O.default.string.isRequired,
-	availableChartTypes: O.default.shape({
-		histogram: O.default.string,
-		bar: O.default.string,
-		lineDot: O.default.string,
-		lineCross: O.default.string,
-		dotPlot: O.default.string,
-		linePlot: O.default.string
+pr.propTypes = {
+	onChange: X.default.func.isRequired,
+	value: X.default.string.isRequired,
+	availableChartTypes: X.default.shape({
+		histogram: X.default.string,
+		bar: X.default.string,
+		lineDot: X.default.string,
+		lineCross: X.default.string,
+		dotPlot: X.default.string,
+		linePlot: X.default.string
 	}),
-	chartTypeLabel: O.default.string
+	chartTypeLabel: X.default.string
 };
 //#endregion
 //#region ../../lib-react/charting/dist/chart-setup.js
-var N = (e, t, n, r, i) => {
+var mr = (e, t, n, r, i) => {
 	(e || []).forEach((e) => {
 		let t = Math.round(e.value * 10) % Math.round(n.step * 10) / 10;
 		(e.value > n.max || t !== 0) && (e.value = 0);
@@ -72,143 +2013,143 @@ var N = (e, t, n, r, i) => {
 		...i,
 		data: e
 	});
-}, te = m("div")(() => ({ width: "450px" })), ne = m("div")(({ theme: e }) => ({
+}, hr = T("div")(() => ({ width: "450px" })), gr = T("div")(({ theme: e }) => ({
 	display: "flex",
 	flexDirection: "column",
 	width: "100%",
 	marginTop: e.spacing(3)
-})), P = m("div")(() => ({
+})), _r = T("div")(() => ({
 	display: "flex",
 	flexDirection: "column",
 	alignItems: "center"
-})), F = m("div")(() => ({
+})), vr = T("div")(() => ({
 	display: "flex",
 	justifyContent: "space-around",
 	alignItems: "center"
-})), I = m(_)(({ theme: e }) => ({
+})), yr = T(ft)(({ theme: e }) => ({
 	width: "130px",
 	margin: `${e.spacing(1)} ${e.spacing(.5)}`
-})), L = m(_)(({ theme: e }) => ({
+})), br = T(ft)(({ theme: e }) => ({
 	width: "160px",
 	margin: `${e.spacing(1)} ${e.spacing(.5)}`
-})), R = m("div")(({ theme: e }) => ({
+})), xr = T("div")(({ theme: e }) => ({
 	display: "flex",
 	justifyContent: "space-between",
 	alignItems: "center",
 	margin: `${e.spacing(3)} 0`
-})), re = m(g)(() => ({ color: o.disabled() })), z = (e) => {
-	let { model: t, onChange: n, chartDimensions: r, gridValues: i = {}, labelValues: a = {}, studentNewCategoryDefaultLabel: o = {}, availableChartTypes: s = {}, chartTypeLabel: c } = e, [l, u] = w({
+})), Sr = T(F)(() => ({ color: E.disabled() })), Cr = (e) => {
+	let { model: t, onChange: n, chartDimensions: r, gridValues: i = {}, labelValues: a = {}, studentNewCategoryDefaultLabel: o = {}, availableChartTypes: s = {}, chartTypeLabel: c } = e, [l, u] = ce({
 		open: !1,
 		title: "",
 		text: "",
 		onClose: null,
 		onConfirm: null
-	}), [d, f] = w(!1), [p, m] = w(""), [h, _] = w(0), { range: v = {}, correctAnswer: y, changeInteractiveEnabled: x, changeEditableEnabled: S } = t, C = t.graph, { showInConfigPanel: T, width: O, height: k } = r || {}, A = {
-		min: O?.min ? Math.max(50, O.min) : 50,
-		max: O?.max ? Math.min(700, O.max) : 700,
-		step: O?.step >= 1 ? Math.min(200, O.step) : 20
-	}, j = {
-		min: k?.min ? Math.max(400, k.min) : 400,
-		max: k?.max ? Math.min(700, k.max) : 700,
-		step: k?.step >= 1 ? Math.min(200, k.step) : 20
-	}, z = i && i.range ? { customValues: i.range } : {
+	}), [d, f] = ce(!1), [p, m] = ce(""), [h, g] = ce(0), { range: _ = {}, correctAnswer: v, changeInteractiveEnabled: y, changeEditableEnabled: b } = t, x = t.graph, { showInConfigPanel: S, width: C, height: w } = r || {}, T = {
+		min: C?.min ? Math.max(50, C.min) : 50,
+		max: C?.max ? Math.min(700, C.max) : 700,
+		step: C?.step >= 1 ? Math.min(200, C.step) : 20
+	}, E = {
+		min: w?.min ? Math.max(400, w.min) : 400,
+		max: w?.max ? Math.min(700, w.max) : 700,
+		step: w?.step >= 1 ? Math.min(200, w.step) : 20
+	}, D = i && i.range ? { customValues: i.range } : {
 		min: 0,
 		max: 1e4
-	}, B = a && a.range ? { customValues: a.range } : {
+	}, O = a && a.range ? { customValues: a.range } : {
 		min: 0,
 		max: 1e4
-	}, V = /* @__PURE__ */ D(F, { children: [/* @__PURE__ */ E(L, {
+	}, k = /* @__PURE__ */ q(vr, { children: [/* @__PURE__ */ K(br, {
 		label: "Grid Interval",
-		value: v.step,
+		value: _.step,
 		variant: "outlined",
-		onChange: (e, t) => Y("step", t, e),
-		...z
-	}), /* @__PURE__ */ E(L, {
+		onChange: (e, t) => L("step", t, e),
+		...D
+	}), /* @__PURE__ */ K(br, {
 		label: "Label Interval",
-		value: v.labelStep,
+		value: _.labelStep,
 		variant: "outlined",
-		onChange: (e, t) => Y("labelStep", t, e),
-		...B
-	})] }), H = (e) => {
+		onChange: (e, t) => L("labelStep", t, e),
+		...O
+	})] }), A = (e) => {
 		u((t) => ({
 			...t,
 			open: e
 		})), f(e);
-	}, U = (e, t) => e.map((e) => (Object.prototype.hasOwnProperty.call(e, t) && (e[t] = t == "interactive"), e)), W = (e) => {
+	}, j = (e, t) => e.map((e) => (Object.prototype.hasOwnProperty.call(e, t) && (e[t] = t == "interactive"), e)), M = (e) => {
 		let { correctAnswer: r, data: i } = t;
-		x === !1 && U(i, "interactive"), S === !1 && U(i, "editable"), N(i, e, v, n, t), N(r.data, !1, v, n, t);
-	}, G = () => {
+		y === !1 && j(i, "interactive"), b === !1 && j(i, "editable"), mr(i, e, _, n, t), mr(r.data, !1, _, n, t);
+	}, ee = () => {
 		let e = o?.label;
 		n({
 			...t,
 			studentCategoryDefaultLabel: e
 		});
-	}, K = (e) => e.includes("Plot") ? {
+	}, N = (e) => e.includes("Plot") ? {
 		min: 3,
 		max: 10
 	} : {
 		min: .05,
 		max: 1e4
-	}, q = (e, r) => {
+	}, P = (e, r) => {
 		let i = {
-			...C,
+			...x,
 			[e]: r
 		};
 		n({
 			...t,
 			graph: i
 		});
-	}, J = (e, t) => (e || []).find((e) => e.value > t.max || e.value - t.step * Math.floor(e.value / t.step) !== 0), Y = (e, r, i) => {
-		_(v[e]), m(e), v[e] = r, (e === "max" || e === "step") && (J(t.data, v) || J(t.correctAnswer.data, v)) && i?.target ? f(!0) : n({
+	}, I = (e, t) => (e || []).find((e) => e.value > t.max || e.value - t.step * Math.floor(e.value / t.step) !== 0), L = (e, r, i) => {
+		g(_[e]), m(e), _[e] = r, (e === "max" || e === "step") && (I(t.data, _) || I(t.correctAnswer.data, _)) && i?.target ? f(!0) : n({
 			...t,
-			range: v
+			range: _
 		});
 	};
-	ee(() => {
-		W(!0), G();
-	}, []), ee(() => {
+	se(() => {
+		M(!0), ee();
+	}, []), se(() => {
 		d && u({
 			open: !0,
 			title: "Warning",
 			text: "This change will remove values defined for one or more categories",
 			onConfirm: () => {
-				W(), H(!1), n({
+				M(), A(!1), n({
 					...t,
-					range: v,
-					correctAnswer: y
+					range: _,
+					correctAnswer: v
 				});
 			},
 			onClose: () => {
-				v[p] = h, H(!1);
+				_[p] = h, A(!1);
 			}
 		});
 	}, [d]);
-	let X = v.step === 1 && v.labelStep === 1 && 3 <= v.max && v.max <= 10, ie = () => {
-		K.min = 3, K.max = 10, v.max = 10, v.step = 1, v.labelStep = 1, n({
+	let te = _.step === 1 && _.labelStep === 1 && 3 <= _.max && _.max <= 10, R = () => {
+		N.min = 3, N.max = 10, _.max = 10, _.step = 1, _.labelStep = 1, n({
 			...t,
-			range: v
+			range: _
 		});
-	}, Z = (e) => {
+	}, z = (e) => {
 		if (e.includes("Plot")) {
-			if (!X) {
+			if (!te) {
 				u({
 					open: !0,
 					title: "Warning",
 					text: "The selected chart type does not support the current chart configuration. Reset chart configuration?",
 					onConfirm: () => {
-						ie(), W(), H(!1), n({
+						R(), M(), A(!1), n({
 							...t,
-							range: v,
+							range: _,
 							chartType: e
 						});
 					},
 					onClose: () => {
-						H(!1);
+						A(!1);
 					}
 				});
 				return;
 			}
-			K.min = 3, K.max = 10, n({
+			N.min = 3, N.max = 10, n({
 				...t,
 				chartType: e
 			});
@@ -219,49 +2160,49 @@ var N = (e, t, n, r, i) => {
 			chartType: e
 		});
 	};
-	return /* @__PURE__ */ D(te, { children: [
-		/* @__PURE__ */ E(g, {
+	return /* @__PURE__ */ q(hr, { children: [
+		/* @__PURE__ */ K(F, {
 			variant: "subtitle1",
 			children: "Configure Chart"
 		}),
-		/* @__PURE__ */ D(ne, { children: [
-			/* @__PURE__ */ D(F, { children: [/* @__PURE__ */ E(M, {
+		/* @__PURE__ */ q(gr, { children: [
+			/* @__PURE__ */ q(vr, { children: [/* @__PURE__ */ K(pr, {
 				value: t.chartType,
-				onChange: (e) => Z(e.target.value),
+				onChange: (e) => z(e.target.value),
 				availableChartTypes: s,
 				chartTypeLabel: c
-			}), /* @__PURE__ */ E(L, {
+			}), /* @__PURE__ */ K(br, {
 				label: "Max Value",
-				value: v.max,
-				min: K(t.chartType).min,
-				max: K(t.chartType).max,
+				value: _.max,
+				min: N(t.chartType).min,
+				max: N(t.chartType).max,
 				variant: "outlined",
-				onChange: (e, t) => Y("max", t, e)
+				onChange: (e, t) => L("max", t, e)
 			})] }),
-			!t.chartType.includes("Plot") && V,
-			T && /* @__PURE__ */ D(R, { children: [
-				/* @__PURE__ */ E("div", { children: /* @__PURE__ */ E(g, { children: "Dimensions(px)" }) }),
-				/* @__PURE__ */ D(P, { children: [/* @__PURE__ */ E(I, {
+			!t.chartType.includes("Plot") && k,
+			S && /* @__PURE__ */ q(xr, { children: [
+				/* @__PURE__ */ K("div", { children: /* @__PURE__ */ K(F, { children: "Dimensions(px)" }) }),
+				/* @__PURE__ */ q(_r, { children: [/* @__PURE__ */ K(yr, {
 					label: "Width",
-					value: C.width,
-					min: A.min,
-					max: A.max,
-					step: A.step,
+					value: x.width,
+					min: T.min,
+					max: T.max,
+					step: T.step,
 					variant: "outlined",
-					onChange: (e, t) => q("width", t)
-				}), /* @__PURE__ */ E(re, { children: "Min 50, Max 700" })] }),
-				/* @__PURE__ */ D(P, { children: [/* @__PURE__ */ E(I, {
+					onChange: (e, t) => P("width", t)
+				}), /* @__PURE__ */ K(Sr, { children: "Min 50, Max 700" })] }),
+				/* @__PURE__ */ q(_r, { children: [/* @__PURE__ */ K(yr, {
 					label: "Height",
-					value: C.height,
-					min: j.min,
-					max: j.max,
-					step: j.step,
+					value: x.height,
+					min: E.min,
+					max: E.max,
+					step: E.step,
 					variant: "outlined",
-					onChange: (e, t) => q("height", t)
-				}), /* @__PURE__ */ E(re, { children: "Min 400, Max 700" })] })
+					onChange: (e, t) => P("height", t)
+				}), /* @__PURE__ */ K(Sr, { children: "Min 400, Max 700" })] })
 			] })
 		] }),
-		/* @__PURE__ */ E(b, {
+		/* @__PURE__ */ K(V, {
 			open: l.open,
 			title: l.title,
 			text: l.text,
@@ -270,23 +2211,23 @@ var N = (e, t, n, r, i) => {
 		})
 	] });
 };
-z.propTypes = {
-	chartDimensions: O.default.object,
-	domain: O.default.object,
-	gridValues: O.default.object,
-	labelValues: O.default.object,
-	model: O.default.object,
-	onChange: O.default.func,
-	range: O.default.object,
-	chartDimension: O.default.object,
-	size: O.default.object,
-	studentNewCategoryDefaultLabel: O.default.object,
-	availableChartTypes: O.default.object,
-	chartTypeLabel: O.default.string
+Cr.propTypes = {
+	chartDimensions: X.default.object,
+	domain: X.default.object,
+	gridValues: X.default.object,
+	labelValues: X.default.object,
+	model: X.default.object,
+	onChange: X.default.func,
+	range: X.default.object,
+	chartDimension: X.default.object,
+	size: X.default.object,
+	studentNewCategoryDefaultLabel: X.default.object,
+	availableChartTypes: X.default.object,
+	chartTypeLabel: X.default.string
 };
 //#endregion
 //#region ../../shared/configure-events/dist/index.js
-var B = class e extends CustomEvent {
+var wr = class e extends CustomEvent {
 	static {
 		this.TYPE = "model.updated";
 	}
@@ -299,7 +2240,7 @@ var B = class e extends CustomEvent {
 			}
 		}), this.update = t, this.reset = n;
 	}
-}, V = class e extends CustomEvent {
+}, Tr = class e extends CustomEvent {
 	static {
 		this.TYPE = "delete.image";
 	}
@@ -312,7 +2253,7 @@ var B = class e extends CustomEvent {
 			}
 		}), this.src = t, this.done = n;
 	}
-}, H = class e extends CustomEvent {
+}, Er = class e extends CustomEvent {
 	static {
 		this.TYPE = "insert.image";
 	}
@@ -322,7 +2263,7 @@ var B = class e extends CustomEvent {
 			detail: t
 		}), this.handler = t;
 	}
-}, U = class e extends CustomEvent {
+}, Dr = class e extends CustomEvent {
 	static {
 		this.TYPE = "delete.sound";
 	}
@@ -335,7 +2276,7 @@ var B = class e extends CustomEvent {
 			}
 		}), this.src = t, this.done = n;
 	}
-}, W = class e extends CustomEvent {
+}, Or = class e extends CustomEvent {
 	static {
 		this.TYPE = "insert.sound";
 	}
@@ -345,32 +2286,32 @@ var B = class e extends CustomEvent {
 			detail: t
 		}), this.handler = t;
 	}
-}, G = /* @__PURE__ */ t(e(), 1), K = m("div")(({ theme: e }) => ({
+}, kr = T("div")(({ theme: e }) => ({
 	marginBottom: e.spacing(2.5),
 	display: "flex",
 	flex: 1
-})), q = m("div")(({ theme: e }) => ({ marginBottom: e.spacing(1) })), J = m("div")({ flex: 1 }), Y = m(l)({ color: `${o.tertiary()} !important` }), X = (e, t) => {
+})), Ar = T("div")(({ theme: e }) => ({ marginBottom: e.spacing(1) })), jr = T("div")({ flex: 1 }), Mr = T(I)({ color: `${E.tertiary()} !important` }), Nr = (e, t) => {
 	if (!e) return t;
 	let n = [];
 	return (t || []).forEach((t, r) => {
-		let { editable: i, interactive: a } = t;
+		let { editable: i, interactive: a } = t, o = i && e[r]?.label ? e[r].label : t.label, s = a && e[r]?.value ? e[r].value : t.value;
 		n[r] = {
-			label: i && e[r]?.label ? e[r].label : t.label,
-			value: a && e[r]?.value ? e[r].value : t.value,
+			label: o,
+			value: s,
 			editable: t.editable,
 			interactive: t.interactive
 		};
 	}), n;
-}, ie = class extends S.Component {
+}, Pr = class extends U.Component {
 	static propTypes = {
-		model: O.default.object.isRequired,
-		onChange: O.default.func.isRequired,
-		charts: O.default.array,
-		labelsPlaceholders: O.default.object,
-		titlePlaceholder: O.default.object,
-		showPixelGuides: O.default.bool,
-		authorNewCategoryDefaults: O.default.object,
-		chartingOptions: O.default.object
+		model: X.default.object.isRequired,
+		onChange: X.default.func.isRequired,
+		charts: X.default.array,
+		labelsPlaceholders: X.default.object,
+		titlePlaceholder: X.default.object,
+		showPixelGuides: X.default.bool,
+		authorNewCategoryDefaults: X.default.object,
+		chartingOptions: X.default.object
 	};
 	constructor(e) {
 		super(e), this.state = { dialog: { open: !1 } };
@@ -381,7 +2322,7 @@ var B = class e extends CustomEvent {
 		data: e
 	});
 	changeAddRemoveEnabled = (e) => {
-		let { model: t } = this.props, n = X(t.correctAnswer.data, t.data);
+		let { model: t } = this.props, n = Nr(t.correctAnswer.data, t.data);
 		e ? this.props.onChange({
 			...this.props.model,
 			addCategoryEnabled: e
@@ -410,13 +2351,13 @@ var B = class e extends CustomEvent {
 	});
 	render() {
 		let { model: e, charts: t, labelsPlaceholders: n, titlePlaceholder: r, showPixelGuides: i, authorNewCategoryDefaults: a, chartingOptions: o, mathMlOptions: s = {}, labelsCharactersLimit: c } = this.props, { dialog: l } = this.state, { domain: u = {}, range: d = {} } = e || {};
-		return /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E(q, { children: "Define Initial Chart Attributes" }), /* @__PURE__ */ E(K, { children: /* @__PURE__ */ D(J, { children: [
-			/* @__PURE__ */ E(g, {
+		return /* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K(Ar, { children: "Define Initial Chart Attributes" }), /* @__PURE__ */ K(kr, { children: /* @__PURE__ */ q(jr, { children: [
+			/* @__PURE__ */ K(F, {
 				component: "div",
 				type: "body1",
-				children: /* @__PURE__ */ E("span", { children: "Use the tools below to set up the chart as it will initially appear to students." })
+				children: /* @__PURE__ */ K("span", { children: "Use the tools below to set up the chart as it will initially appear to students." })
 			}),
-			/* @__PURE__ */ E(x, {
+			/* @__PURE__ */ K(ne, {
 				defineChart: !0,
 				chartingOptions: o,
 				showPixelGuides: i,
@@ -443,13 +2384,13 @@ var B = class e extends CustomEvent {
 				mathMlOptions: s,
 				labelsCharactersLimit: c
 			}),
-			e.changeAddCategoryEnabled && /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E(Y, {
+			e.changeAddCategoryEnabled && /* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K(Mr, {
 				checked: e.addCategoryEnabled,
 				onChange: (e) => {
 					this.changeAddRemoveEnabled(e.target.checked);
 				}
 			}), o?.addCategory?.authoringLabel] }),
-			/* @__PURE__ */ E(b, {
+			/* @__PURE__ */ K(V, {
 				open: l.open,
 				title: l.title,
 				text: l.text,
@@ -458,58 +2399,58 @@ var B = class e extends CustomEvent {
 			})
 		] }, "graph") })] });
 	}
-}, Z = m("div")(({ theme: e }) => ({
+}, Fr = T("div")(({ theme: e }) => ({
 	marginBottom: e.spacing(2.5),
 	display: "flex",
 	flex: 1
-})), ae = m("div")({ flex: 1 }), oe = m("div")(({ theme: e }) => ({ border: `2px solid ${e.palette.error.main}` })), se = m(g)(({ theme: e }) => ({
+})), Ir = T("div")({ flex: 1 }), Lr = T("div")(({ theme: e }) => ({ border: `2px solid ${e.palette.error.main}` })), Rr = T(F)(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(1)
-})), ce = m("div")(({ theme: e }) => ({ marginBottom: e.spacing(1) })), Q = (e, t) => e.map((e, n) => ({
+})), zr = T("div")(({ theme: e }) => ({ marginBottom: e.spacing(1) })), Br = (e, t) => e.map((e, n) => ({
 	...e,
 	editable: n < t.length ? t[n].editable : !0,
 	interactive: n < t.length ? t[n].interactive : !0,
 	deletable: n >= t.length
-})), le = (e, t) => {
+})), Vr = (e, t) => {
 	if (!e) return t;
 	let n = [...e], r = [];
 	if ((t || []).forEach((t, n) => {
-		let i = t.editable, a = t.interactive;
+		let i = t.editable, a = t.interactive, o = i && e[n]?.label ? e[n].label : t.label, s = a && e[n]?.value || a && e[n]?.value == 0 ? e[n].value : t.value;
 		r[n] = {
-			label: i && e[n]?.label ? e[n].label : t.label,
-			value: a && e[n]?.value || a && e[n]?.value == 0 ? e[n].value : t.value,
+			label: o,
+			value: s,
 			editable: t.editable,
 			interactive: t.interactive
 		};
 	}), r.length < e.length) {
 		let i = (n || []).slice(r.length, e.length);
-		return Q((r || []).concat(i), t);
+		return Br((r || []).concat(i), t);
 	}
 	return r;
-}, ue = (e, t) => {
+}, Hr = (e, t) => {
 	let n = t.length - 1, { editable: r, interactive: i, deletable: a, ...o } = t[t.length - 1];
-	return (e || []).splice(n, 0, o), Q([...e], t);
-}, de = (e, t, n) => ((e || []).splice(n, 1), Q([...e], t)), fe = (e, t, n) => {
-	let r = e && e.model && e.model.data || [], i = t && t.model && t.model.data || [], a = f(e && e.model && e.model.correctAnswer && e.model.correctAnswer.data || []), o = f(n ? n.categories : []), s = [];
-	if (r.length > i.length) return s = ue(a, r), s;
-	if (r.length < i.length) {
-		let e = r.length;
-		for (let t = 0; t < r.length; t++) if (r[t].index !== t) {
+	return (e || []).splice(n, 0, o), Br([...e], t);
+}, Ur = (e, t, n) => ((e || []).splice(n, 1), Br([...e], t)), Wr = (e, n, r) => {
+	let i = e && e.model && e.model.data || [], a = n && n.model && n.model.data || [], o = t(e && e.model && e.model.correctAnswer && e.model.correctAnswer.data || []), s = t(r ? r.categories : []), c = [];
+	if (i.length > a.length) return c = Hr(o, i), c;
+	if (i.length < a.length) {
+		let e = i.length;
+		for (let t = 0; t < i.length; t++) if (i[t].index !== t) {
 			e = t;
 			break;
 		}
-		return s = de(o, r, e), s;
+		return c = Ur(s, i, e), c;
 	}
-	return s = le(a, r), s;
-}, pe = class extends S.Component {
+	return c = Vr(o, i), c;
+}, Gr = class extends U.Component {
 	static propTypes = {
-		correctAnswerErrors: O.default.object,
-		studentNewCategoryDefaultLabel: O.default.string,
-		model: O.default.object.isRequired,
-		onChange: O.default.func.isRequired,
-		charts: O.default.array,
-		error: O.default.string
+		correctAnswerErrors: X.default.object,
+		studentNewCategoryDefaultLabel: X.default.string,
+		model: X.default.object.isRequired,
+		onChange: X.default.func.isRequired,
+		charts: X.default.array,
+		error: X.default.string
 	};
 	constructor(e) {
 		super(e), this.state = { categories: [] };
@@ -525,22 +2466,22 @@ var B = class e extends CustomEvent {
 		});
 	};
 	componentDidMount() {
-		let e = fe(this.props, this.props, null);
-		this.setState({ categories: e || le(this.props.model.correctAnswer.data, this.props.model.data) });
+		let e = Wr(this.props, this.props, null);
+		this.setState({ categories: e || Vr(this.props.model.correctAnswer.data, this.props.model.data) });
 	}
 	componentDidUpdate(e, t) {
-		let r = fe(this.props, e, t);
-		r && !n(r, this.state.categories) && (this.changeData(r), this.setState({ categories: r }));
+		let n = Wr(this.props, e, t);
+		n && !a(n, this.state.categories) && (this.changeData(n), this.setState({ categories: n }));
 	}
 	render() {
 		let { model: e, charts: t, error: n, studentNewCategoryDefaultLabel: r, correctAnswerErrors: i, mathMlOptions: a = {}, labelsPlaceholders: o = {} } = this.props, { categories: s } = this.state, { domain: c = {}, range: l = {} } = e || {}, { identicalError: u, categoriesError: d } = i || {};
-		return /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E(ce, { children: "Define Correct Response" }), /* @__PURE__ */ E(Z, { children: /* @__PURE__ */ D(ae, { children: [
-			/* @__PURE__ */ E(g, {
+		return /* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K(zr, { children: "Define Correct Response" }), /* @__PURE__ */ K(Fr, { children: /* @__PURE__ */ q(Ir, { children: [
+			/* @__PURE__ */ K(F, {
 				component: "div",
 				type: "body1",
-				children: /* @__PURE__ */ E("span", { children: "Use the tools below to define the correct answer." })
+				children: /* @__PURE__ */ K("span", { children: "Use the tools below to define the correct answer." })
 			}),
-			E(u || d ? oe : "div", { children: /* @__PURE__ */ E(x, {
+			K(u || d ? Lr : "div", { children: /* @__PURE__ */ K(ne, {
 				chartType: e.chartType,
 				size: e.graph,
 				domain: c,
@@ -555,14 +2496,14 @@ var B = class e extends CustomEvent {
 				mathMlOptions: a,
 				labelsPlaceholders: o
 			}) }, `correct-response-graph-${e.correctAnswer.name}`),
-			(u || d) && /* @__PURE__ */ E(se, {
+			(u || d) && /* @__PURE__ */ K(Rr, {
 				component: "div",
 				type: "body1",
-				children: /* @__PURE__ */ E("span", { children: u || d })
+				children: /* @__PURE__ */ K("span", { children: u || d })
 			})
 		] }, "graph") })] });
 	}
-}, me = [
+}, Kr = [
 	.01,
 	.02,
 	.04,
@@ -589,7 +2530,7 @@ var B = class e extends CustomEvent {
 	100,
 	500,
 	1e3
-], he = [
+], qr = [
 	.01,
 	.02,
 	.05,
@@ -606,7 +2547,7 @@ var B = class e extends CustomEvent {
 	100,
 	500,
 	1e3
-], ge = {
+], Jr = {
 	.01: [
 		0,
 		.01,
@@ -785,50 +2726,50 @@ var B = class e extends CustomEvent {
 		4e3,
 		5e3
 	]
-}, _e = (e, t, n = !1) => {
-	let r = 10 * (e.max - e.min) / t, i = r * 10, a = n && !he.includes(e.step) && me.includes(e.step);
-	return (!n || a ? me : he).filter((e) => e >= r && e <= i);
-}, ve = (e) => ge[e] || [], ye = (e, t, r, i) => {
-	let a = _e(e, t), o = ve(e.step || 1);
-	if (!n(r, a) && !a.includes(e.step)) {
-		let n = _e(e, t, !0)[0] || 1;
-		return e.step = n, o = ve(n), o.includes(e.labelStep) || (e.labelStep = n), {
-			gridValues: a,
+}, Yr = (e, t, n = !1) => {
+	let r = 10 * (e.max - e.min) / t, i = r * 10, a = n && !qr.includes(e.step) && Kr.includes(e.step);
+	return (!n || a ? Kr : qr).filter((e) => e >= r && e <= i);
+}, Xr = (e) => Jr[e] || [], Zr = (e, t, n, r) => {
+	let i = Yr(e, t), o = Xr(e.step || 1);
+	if (!a(n, i) && !i.includes(e.step)) {
+		let n = Yr(e, t, !0)[0] || 1;
+		return e.step = n, o = Xr(n), o.includes(e.labelStep) || (e.labelStep = n), {
+			gridValues: i,
 			labelValues: o
 		};
 	}
-	return !n(i, o) && !o.includes(e.labelStep) && (e.labelStep = e.step), {
-		gridValues: a,
+	return !a(r, o) && !o.includes(e.labelStep) && (e.labelStep = e.step), {
+		gridValues: i,
 		labelValues: o
 	};
-}, be = (0, G.default)("@pie-element:graphing:configure"), { Panel: xe, toggle: $, radio: Se, dropdown: Ce, textField: we } = p, Te = m(y)(({ theme: e }) => ({
+}, Qr = (0, Ke.default)("@pie-element:graphing:configure"), { Panel: $r, toggle: $, radio: ei, dropdown: ti, textField: ni } = Jn, ri = T(or)(({ theme: e }) => ({
 	width: "100%",
 	paddingTop: e.spacing(2),
 	marginBottom: e.spacing(2)
-})), Ee = m(g)(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), De = m("div")(({ theme: e }) => ({
+})), ii = T(F)(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), ai = T("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(1)
-})), Oe = [
-	h.Bar(),
-	h.Histogram(),
-	h.LineDot(),
-	h.LineCross(),
-	h.DotPlot(),
-	h.LinePlot()
-], ke = class extends C.Component {
+})), oi = [
+	R.Bar(),
+	R.Histogram(),
+	R.LineDot(),
+	R.LineCross(),
+	R.DotPlot(),
+	R.LinePlot()
+], si = class extends W.Component {
 	static propTypes = {
-		onModelChanged: O.default.func,
-		onConfigurationChanged: O.default.func,
-		imageSupport: O.default.object,
-		uploadSoundSupport: O.default.object,
-		model: O.default.object.isRequired,
-		configuration: O.default.object.isRequired,
-		chartingOptions: O.default.object
+		onModelChanged: X.default.func,
+		onConfigurationChanged: X.default.func,
+		imageSupport: X.default.object,
+		uploadSoundSupport: X.default.object,
+		model: X.default.object.isRequired,
+		configuration: X.default.object.isRequired,
+		chartingOptions: X.default.object
 	};
 	constructor(e) {
 		super(e);
-		let { range: t = {}, graph: n } = e.model || {}, r = { range: _e(t, n.height, !0) }, i = { range: ve(t.step || 1) };
+		let { range: t = {}, graph: n } = e.model || {}, r = { range: Yr(t, n.height, !0) }, i = { range: Xr(t.step || 1) };
 		this.state = {
 			gridValues: r,
 			labelValues: i
@@ -854,7 +2795,7 @@ var B = class e extends CustomEvent {
 		let { model: t, onModelChanged: n } = this.props, { gridValues: r, labelValues: i } = this.state, a = {
 			...t,
 			...e
-		}, { graph: o, range: s } = a, c = {}, l = {}, u = ye(s, o.height, r.range, i.range);
+		}, { graph: o, range: s } = a, c = {}, l = {}, u = Zr(s, o.height, r.range, i.range);
 		c.range = u.gridValues, l.range = u.labelValues, this.setState({
 			gridValues: c,
 			labelValues: l
@@ -862,135 +2803,135 @@ var B = class e extends CustomEvent {
 	};
 	render() {
 		let { configuration: e, imageSupport: t, model: n, onConfigurationChanged: r, onModelChanged: i, uploadSoundSupport: a } = this.props;
-		be("[render] model", n);
-		let { graph: o } = n, { baseInputConfiguration: s = {}, contentDimensions: l = {}, chartDimensions: d = {}, authorNewCategoryDefaults: f = {}, labelsPlaceholders: p = {}, instruction: m = {}, maxImageWidth: h = {}, maxImageHeight: g = {}, prompt: _ = {}, rationale: v = {}, scoringType: y = {}, settingsPanelDisabled: b, spellCheck: x = {}, studentInstructions: S = {}, teacherInstructions: C = {}, titlePlaceholder: ee = {}, withRubric: w = {}, chartingOptions: T = {}, availableChartTypes: O = {}, mathMlOptions: k = {}, chartTypeLabel: A, language: j = {}, languageChoices: M = {}, labelsCharactersLimit: N } = e || {}, { errors: te, extraCSSRules: ne, promptEnabled: P, rationaleEnabled: F, spellCheckEnabled: I, teacherInstructionsEnabled: L, studentNewCategoryDefaultLabel: R } = n || {}, { categoryErrors: re, correctAnswerErrors: B, prompt: V, rationale: H, teacherInstructions: U } = te || {}, { gridValues: W, labelValues: G } = this.state, K = d.showInConfigPanel || !0, q = h && h.prompt, J = g && g.prompt, Y = {
-			changeInteractiveEnabled: T.changeInteractive?.settings && $(T.changeInteractive.settingsLabel),
-			changeEditableEnabled: T.changeEditable?.settings && $(T.changeEditable.settingsLabel),
-			changeAddCategoryEnabled: T.addCategory?.settings && $(T.addCategory.settingsLabel)
-		}, X = {
-			teacherInstructionsEnabled: C.settings && $(C.label),
-			studentInstructionsEnabled: S.settings && $(S.label),
-			rationaleEnabled: v.settings && $(v.label),
-			spellCheckEnabled: x.settings && $(x.label),
-			promptEnabled: _.settings && $(_.label),
-			scoringType: y.settings && Se(y.label, ["all or nothing", "partial scoring"]),
-			rubricEnabled: w?.settings && $(w?.label),
-			"language.enabled": j.settings && $(j.label, !0),
-			language: j.settings && j.enabled && Ce(M.label, M.options),
-			instruction: m.settings && we(m.label)
-		}, Z = (e = {}) => ({
+		Qr("[render] model", n);
+		let { graph: o } = n, { baseInputConfiguration: s = {}, contentDimensions: c = {}, chartDimensions: l = {}, authorNewCategoryDefaults: u = {}, labelsPlaceholders: d = {}, instruction: f = {}, maxImageWidth: p = {}, maxImageHeight: m = {}, prompt: h = {}, rationale: g = {}, scoringType: _ = {}, settingsPanelDisabled: v, spellCheck: y = {}, studentInstructions: b = {}, teacherInstructions: x = {}, titlePlaceholder: S = {}, withRubric: C = {}, chartingOptions: w = {}, availableChartTypes: T = {}, mathMlOptions: E = {}, chartTypeLabel: D, language: O = {}, languageChoices: k = {}, labelsCharactersLimit: A } = e || {}, { errors: j, extraCSSRules: M, promptEnabled: N, rationaleEnabled: P, spellCheckEnabled: F, teacherInstructionsEnabled: I, studentNewCategoryDefaultLabel: L } = n || {}, { categoryErrors: te, correctAnswerErrors: R, prompt: z, rationale: B, teacherInstructions: V } = j || {}, { gridValues: ne, labelValues: re } = this.state, ie = l.showInConfigPanel || !0, ae = p && p.prompt, H = m && m.prompt, U = {
+			changeInteractiveEnabled: w.changeInteractive?.settings && $(w.changeInteractive.settingsLabel),
+			changeEditableEnabled: w.changeEditable?.settings && $(w.changeEditable.settingsLabel),
+			changeAddCategoryEnabled: w.addCategory?.settings && $(w.addCategory.settingsLabel)
+		}, W = {
+			teacherInstructionsEnabled: x.settings && $(x.label),
+			studentInstructionsEnabled: b.settings && $(b.label),
+			rationaleEnabled: g.settings && $(g.label),
+			spellCheckEnabled: y.settings && $(y.label),
+			promptEnabled: h.settings && $(h.label),
+			scoringType: _.settings && ei(_.label, ["all or nothing", "partial scoring"]),
+			rubricEnabled: C?.settings && $(C?.label),
+			"language.enabled": O.settings && $(O.label, !0),
+			language: O.settings && O.enabled && ti(k.label, k.options),
+			instruction: f.settings && ni(f.label)
+		}, G = (e = {}) => ({
 			...s,
 			...e
 		});
-		return /* @__PURE__ */ D(c.ConfigLayout, {
-			extraCSSRules: ne,
-			dimensions: l,
-			hideSettings: b,
-			settings: /* @__PURE__ */ E(xe, {
+		return /* @__PURE__ */ q(bn.ConfigLayout, {
+			extraCSSRules: M,
+			dimensions: c,
+			hideSettings: v,
+			settings: /* @__PURE__ */ K($r, {
 				model: n,
 				configuration: e,
 				onChangeModel: i,
 				onChangeConfiguration: r,
 				groups: {
-					Settings: Y,
-					Properties: X
+					Settings: U,
+					Properties: W
 				}
 			}),
 			children: [
-				/* @__PURE__ */ E(Ee, {
+				/* @__PURE__ */ K(ii, {
 					component: "div",
 					type: "body1",
-					children: m?.label || ""
+					children: f?.label || ""
 				}),
-				L && /* @__PURE__ */ D(Te, {
-					label: C.label,
-					children: [/* @__PURE__ */ E(u, {
+				I && /* @__PURE__ */ q(ri, {
+					label: x.label,
+					children: [/* @__PURE__ */ K(ee, {
 						markup: n.teacherInstructions || "",
 						onChange: this.onTeacherInstructionsChange,
 						imageSupport: t,
 						nonEmpty: !1,
-						error: U,
-						spellCheck: I,
-						pluginProps: Z(C?.inputConfiguration),
-						maxImageWidth: h && h.teacherInstructions || q,
-						maxImageHeight: g && g.teacherInstructions || J,
+						error: V,
+						spellCheck: F,
+						pluginProps: G(x?.inputConfiguration),
+						maxImageWidth: p && p.teacherInstructions || ae,
+						maxImageHeight: m && m.teacherInstructions || H,
 						uploadSoundSupport: a,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-						mathMlOptions: k
-					}), U && /* @__PURE__ */ E(De, { children: U })]
+						mathMlOptions: E
+					}), V && /* @__PURE__ */ K(ai, { children: V })]
 				}),
-				P && /* @__PURE__ */ D(Te, {
-					label: _.label,
-					children: [/* @__PURE__ */ E(u, {
+				N && /* @__PURE__ */ q(ri, {
+					label: h.label,
+					children: [/* @__PURE__ */ K(ee, {
 						markup: n.prompt,
 						onChange: this.onPromptChange,
 						imageSupport: t,
 						nonEmpty: !1,
-						error: V,
-						spellCheck: I,
+						error: z,
+						spellCheck: F,
 						disableUnderline: !0,
-						pluginProps: Z(_?.inputConfiguration),
-						maxImageWidth: q,
-						maxImageHeight: J,
+						pluginProps: G(h?.inputConfiguration),
+						maxImageWidth: ae,
+						maxImageHeight: H,
 						uploadSoundSupport: a,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-						mathMlOptions: k
-					}), V && /* @__PURE__ */ E(De, { children: V })]
+						mathMlOptions: E
+					}), z && /* @__PURE__ */ K(ai, { children: z })]
 				}),
-				/* @__PURE__ */ E(z, {
+				/* @__PURE__ */ K(Cr, {
 					model: n,
 					onChange: this.onConfigChange,
-					gridValues: W,
-					labelValues: G,
-					chartDimensions: d,
-					charts: Oe,
-					studentNewCategoryDefaultLabel: R,
-					availableChartTypes: O,
-					chartTypeLabel: A
+					gridValues: ne,
+					labelValues: re,
+					chartDimensions: l,
+					charts: oi,
+					studentNewCategoryDefaultLabel: L,
+					availableChartTypes: T,
+					chartTypeLabel: D
 				}),
-				/* @__PURE__ */ E(ie, {
+				/* @__PURE__ */ K(Pr, {
 					model: n,
 					onChange: i,
-					charts: Oe,
-					labelsPlaceholders: p,
-					titlePlaceholder: ee,
-					showPixelGuides: K,
-					authorNewCategoryDefaults: f,
-					chartingOptions: T,
-					mathMlOptions: k,
-					labelsCharactersLimit: N
+					charts: oi,
+					labelsPlaceholders: d,
+					titlePlaceholder: S,
+					showPixelGuides: ie,
+					authorNewCategoryDefaults: u,
+					chartingOptions: w,
+					mathMlOptions: E,
+					labelsCharactersLimit: A
 				}),
-				/* @__PURE__ */ E(pe, {
+				/* @__PURE__ */ K(Gr, {
 					config: o,
 					model: n,
 					onChange: i,
-					charts: Oe,
-					error: re,
-					correctAnswerErrors: B,
-					studentNewCategoryDefaultLabel: R,
-					mathMlOptions: k,
-					labelsPlaceholders: p
+					charts: oi,
+					error: te,
+					correctAnswerErrors: R,
+					studentNewCategoryDefaultLabel: L,
+					mathMlOptions: E,
+					labelsPlaceholders: d
 				}),
-				F && /* @__PURE__ */ D(Te, {
-					label: v.label || "Rationale",
-					children: [/* @__PURE__ */ E(u, {
+				P && /* @__PURE__ */ q(ri, {
+					label: g.label || "Rationale",
+					children: [/* @__PURE__ */ K(ee, {
 						markup: n.rationale || "",
 						onChange: this.onRationaleChange,
 						imageSupport: t,
-						error: H,
-						spellCheck: I,
-						pluginProps: Z(v?.inputConfiguration),
-						maxImageWidth: h && h.rationale || q,
-						maxImageHeight: g && g.rationale || J,
+						error: B,
+						spellCheck: F,
+						pluginProps: G(g?.inputConfiguration),
+						maxImageWidth: p && p.rationale || ae,
+						maxImageHeight: m && m.rationale || H,
 						uploadSoundSupport: a,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-						mathMlOptions: k
-					}), H && /* @__PURE__ */ E(De, { children: H })]
+						mathMlOptions: E
+					}), B && /* @__PURE__ */ K(ai, { children: B })]
 				})
 			]
 		});
 	}
-}, Ae = {
+}, ci = {
 	model: {
 		addCategoryEnabled: !0,
 		changeAddCategoryEnabled: !1,
@@ -1172,20 +3113,20 @@ var B = class e extends CustomEvent {
 			}
 		}
 	}
-}, je = (0, G.default)("pie-elements:graphing:configure"), Me = class e extends HTMLElement {
+}, li = (0, Ke.default)("pie-elements:graphing:configure"), ui = class e extends HTMLElement {
 	static createDefaultModel = (e = {}) => ({
-		...Ae.model,
+		...ci.model,
 		...e
 	});
 	constructor() {
-		super(), this._root = null, this._model = e.createDefaultModel(), this._configuration = Ae.configuration;
+		super(), this._root = null, this._model = e.createDefaultModel(), this._configuration = ci.configuration;
 	}
 	set model(t) {
 		this._model = e.createDefaultModel(t), this._render();
 	}
 	set configuration(e) {
 		let t = {
-			...Ae.configuration,
+			...ci.configuration,
 			...e
 		};
 		this._configuration = t, t?.language?.enabled ? t?.languageChoices?.options?.length && (this._model.language = t?.languageChoices.options[0].value) : t.language.settings && this._model.language ? (this._configuration.language.enabled = !0, (!this._configuration.languageChoices.options || !this._configuration.languageChoices.options.length) && (this._configuration.languageChoices.options = []), this._configuration.languageChoices.options.find((e) => e.value === this._model.language) || this._configuration.languageChoices.options.push({
@@ -1194,26 +3135,26 @@ var B = class e extends CustomEvent {
 		})) : delete this._model.language, this._render();
 	}
 	onModelChanged(e) {
-		this._model = e, this._render(), je("[onModelChanged]: ", this._model), this.dispatchEvent(new B(this._model));
+		this._model = e, this._render(), li("[onModelChanged]: ", this._model), this.dispatchEvent(new wr(this._model));
 	}
 	onConfigurationChanged(e) {
 		this._configuration = e, this._render();
 	}
 	insertImage(e) {
-		this.dispatchEvent(new H(e));
+		this.dispatchEvent(new Er(e));
 	}
 	onDeleteImage(e, t) {
-		this.dispatchEvent(new V(e, t));
+		this.dispatchEvent(new Tr(e, t));
 	}
 	insertSound(e) {
-		this.dispatchEvent(new W(e));
+		this.dispatchEvent(new Or(e));
 	}
 	onDeleteSound(e, t) {
-		this.dispatchEvent(new U(e, t));
+		this.dispatchEvent(new Dr(e, t));
 	}
 	_render() {
 		if (this._model) {
-			let e = C.createElement(ke, {
+			let e = W.createElement(si, {
 				onModelChanged: this.onModelChanged.bind(this),
 				onConfigurationChanged: this.onConfigurationChanged.bind(this),
 				model: this._model,
@@ -1227,16 +3168,19 @@ var B = class e extends CustomEvent {
 					delete: this.onDeleteSound.bind(this)
 				}
 			});
-			this._root ||= T(this), this._root.render(e), queueMicrotask(() => {
-				a(this);
+			this._root ||= le(this), this._root.render(e), queueMicrotask(() => {
+				v(this);
 			});
 		}
 	}
+	connectedCallback() {
+		this._render();
+	}
 	disconnectedCallback() {
-		this._root && this._root.unmount();
+		this._root &&= (this._root.unmount(), null);
 	}
 };
 //#endregion
-export { Me as default };
+export { ui as default };
 
 //# sourceMappingURL=index.js.map