@pie-element/explicit-constructed-response 11.1.1 → 11.1.2-next.0

package/dist/browser/author/index.js

@@ -0,0 +1,3498 @@
+import { B as e, J as t, L as n, M as r, P as i, R as a, W as o, _ as s, g as c, h as l, j as u, k as d, m as f, n as p, t as m, v as h } from "../browser-DbR93LB7.js";
+import { $ as g, A as _, B as v, C as y, D as b, E as x, F as S, G as C, H as w, I as T, J as E, L as D, M as ee, N as O, O as k, P as A, Q as te, R as j, S as ne, T as re, U as M, V as ie, W as N, X as ae, Y as P, Z as F, a as oe, at as se, b as ce, c as le, ct as I, d as ue, dt as de, et as fe, f as pe, ft as me, i as he, it as ge, j as _e, l as L, lt as ve, m as ye, n as be, nt as R, o as xe, ot as Se, q as Ce, r as we, rt as z, s as Te, st as Ee, t as B, tt as V, u as De, ut as Oe, x as ke, y as Ae, z as je } from "../dist-DnL6t4VO.js";
+import { i as Me, n as Ne, t as Pe } from "../reduce-Bqz7DMQ0.js";
+import * as H from "react";
+import U, { Component as Fe, createElement as Ie } from "react";
+import { createRoot as W } from "react-dom/client";
+import { jsx as G, jsxs as K } from "react/jsx-runtime";
+//#region ../../../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/_isIterateeCall.js
+function Le(e, t, i) {
+	if (!n(i)) return !1;
+	var a = typeof t;
+	return (a == "number" ? d(i) && r(t, i.length) : a == "string" && t in i) ? u(i[t], e) : !1;
+}
+//#endregion
+//#region ../../../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/_basePropertyOf.js
+function q(e) {
+	return function(t) {
+		return e?.[t];
+	};
+}
+//#endregion
+//#region ../../../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/cloneDeep.js
+var Re = 1, ze = 4;
+function J(e) {
+	return Ee(e, Re | ze);
+}
+//#endregion
+//#region ../../../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/defaults.js
+var Be = Object.prototype, Ve = Be.hasOwnProperty, He = Oe(function(e, t) {
+	e = Object(e);
+	var n = -1, r = t.length, i = r > 2 ? t[2] : void 0;
+	for (i && Le(t[0], t[1], i) && (r = 1); ++n < r;) for (var a = t[n], o = ve(a), s = -1, c = o.length; ++s < c;) {
+		var l = o[s], d = e[l];
+		(d === void 0 || u(d, Be[l]) && !Ve.call(e, l)) && (e[l] = a[l]);
+	}
+	return e;
+}), Ue = q({
+	"&": "&amp;",
+	"<": "&lt;",
+	">": "&gt;",
+	"\"": "&quot;",
+	"'": "&#39;"
+}), We = /[&<>"']/g, Ge = RegExp(We.source);
+function Ke(e) {
+	return e = h(e), e && Ge.test(e) ? e.replace(We, Ue) : e;
+}
+//#endregion
+//#region ../../../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/_baseGt.js
+function qe(e, t) {
+	return e > t;
+}
+//#endregion
+//#region ../../../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/isFinite.js
+var Je = o.isFinite;
+function Y(e) {
+	return typeof e == "number" && Je(e);
+}
+//#endregion
+//#region ../../../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/_baseExtremum.js
+function Ye(t, n, r) {
+	for (var i = -1, a = t.length; ++i < a;) {
+		var o = t[i], s = n(o);
+		if (s != null && (c === void 0 ? s === s && !e(s) : r(s, c))) var c = s, l = o;
+	}
+	return l;
+}
+//#endregion
+//#region ../../../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/max.js
+function Xe(e) {
+	return e && e.length ? Ye(e, i, qe) : void 0;
+}
+//#endregion
+//#region ../../../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/_baseSet.js
+function Ze(e, t, i, a) {
+	if (!n(e)) return e;
+	t = s(t, e);
+	for (var o = -1, l = t.length, u = l - 1, d = e; d != null && ++o < l;) {
+		var f = c(t[o]), p = i;
+		if (f === "__proto__" || f === "constructor" || f === "prototype") return e;
+		if (o != u) {
+			var m = d[f];
+			p = a ? a(m, f, d) : void 0, p === void 0 && (p = n(m) ? m : r(t[o + 1]) ? [] : {});
+		}
+		de(d, f, p), d = d[f];
+	}
+	return e;
+}
+//#endregion
+//#region ../../../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/_basePickBy.js
+function Qe(e, t, n) {
+	for (var r = -1, i = t.length, a = {}; ++r < i;) {
+		var o = t[r], c = l(e, o);
+		n(c, o) && Ze(a, s(o, e), c);
+	}
+	return a;
+}
+//#endregion
+//#region ../../../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/_basePick.js
+function $e(e, t) {
+	return Qe(e, t, function(t, n) {
+		return Me(e, n);
+	});
+}
+//#endregion
+//#region ../../../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/pick.js
+var et = I(function(e, t) {
+	return e == null ? {} : $e(e, t);
+});
+//#endregion
+//#region ../../../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/set.js
+function tt(e, t, n) {
+	return e == null ? e : Ze(e, t, n);
+}
+//#endregion
+//#region ../../../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/throttle.js
+var nt = "Expected a function";
+function rt(e, t, r) {
+	var i = !0, a = !0;
+	if (typeof e != "function") throw TypeError(nt);
+	return n(r) && (i = "leading" in r ? !!r.leading : i, a = "trailing" in r ? !!r.trailing : a), Se(e, t, {
+		leading: i,
+		maxWait: t,
+		trailing: a
+	});
+}
+//#endregion
+//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/utils/createChainedFunction.js
+var it = T, at = /* @__PURE__ */ t(m(), 1), ot = class e extends CustomEvent {
+	static {
+		this.TYPE = "model.updated";
+	}
+	constructor(t, n = !1) {
+		super(e.TYPE, {
+			bubbles: !0,
+			detail: {
+				update: t,
+				reset: n
+			}
+		}), this.update = t, this.reset = n;
+	}
+}, st = class e extends CustomEvent {
+	static {
+		this.TYPE = "delete.image";
+	}
+	constructor(t, n) {
+		super(e.TYPE, {
+			bubbles: !0,
+			detail: {
+				src: t,
+				done: n
+			}
+		}), this.src = t, this.done = n;
+	}
+}, ct = class e extends CustomEvent {
+	static {
+		this.TYPE = "insert.image";
+	}
+	constructor(t) {
+		super(e.TYPE, {
+			bubbles: !0,
+			detail: t
+		}), this.handler = t;
+	}
+}, lt = class e extends CustomEvent {
+	static {
+		this.TYPE = "delete.sound";
+	}
+	constructor(t, n) {
+		super(e.TYPE, {
+			bubbles: !0,
+			detail: {
+				src: t,
+				done: n
+			}
+		}), this.src = t, this.done = n;
+	}
+}, ut = class e extends CustomEvent {
+	static {
+		this.TYPE = "insert.sound";
+	}
+	constructor(t) {
+		super(e.TYPE, {
+			bubbles: !0,
+			detail: t
+		}), this.handler = t;
+	}
+};
+//#endregion
+//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/internal/switchBaseClasses.js
+function dt(e) {
+	return R("PrivateSwitchBase", e);
+}
+V("PrivateSwitchBase", [
+	"root",
+	"checked",
+	"disabled",
+	"input",
+	"edgeStart",
+	"edgeEnd"
+]);
+//#endregion
+//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/internal/SwitchBase.js
+var ft = (e) => {
+	let { classes: t, checked: n, disabled: r, edge: i } = e;
+	return g({
+		root: [
+			"root",
+			n && "checked",
+			r && "disabled",
+			i && `edge${S(i)}`
+		],
+		input: ["input"]
+	}, dt, t);
+}, pt = E(b, { name: "MuiSwitchBase" })({
+	padding: 9,
+	borderRadius: "50%",
+	variants: [
+		{
+			props: {
+				edge: "start",
+				size: "small"
+			},
+			style: { marginLeft: -3 }
+		},
+		{
+			props: ({ edge: e, ownerState: t }) => e === "start" && t.size !== "small",
+			style: { marginLeft: -12 }
+		},
+		{
+			props: {
+				edge: "end",
+				size: "small"
+			},
+			style: { marginRight: -3 }
+		},
+		{
+			props: ({ edge: e, ownerState: t }) => e === "end" && t.size !== "small",
+			style: { marginRight: -12 }
+		}
+	]
+}), mt = E("input", {
+	name: "MuiSwitchBase",
+	shouldForwardProp: P
+})({
+	cursor: "inherit",
+	position: "absolute",
+	opacity: 0,
+	width: "100%",
+	height: "100%",
+	top: 0,
+	left: 0,
+	margin: 0,
+	padding: 0,
+	zIndex: 1
+}), ht = /*#__PURE__*/ H.forwardRef(function(e, t) {
+	let { autoFocus: n, checked: r, checkedIcon: i, defaultChecked: a, disabled: o, disableFocusRipple: s = !1, edge: c = !1, icon: l, id: u, inputProps: d, inputRef: f, name: p, onBlur: m, onChange: h, onFocus: g, readOnly: _, required: v = !1, tabIndex: y, type: b, value: x, slots: S = {}, slotProps: C = {}, ...w } = e, [T, E] = ee({
+		controlled: r,
+		default: !!a,
+		name: "SwitchBase",
+		state: "checked"
+	}), O = ke(), k = (e) => {
+		g && g(e), O && O.onFocus && O.onFocus(e);
+	}, A = (e) => {
+		m && m(e), O && O.onBlur && O.onBlur(e);
+	}, te = (e) => {
+		if (e.nativeEvent.defaultPrevented || _) return;
+		let t = e.target.checked;
+		E(t), h && h(e, t);
+	}, j = o;
+	O && j === void 0 && (j = O.disabled);
+	let ne = b === "checkbox" || b === "radio", re = {
+		...e,
+		checked: T,
+		disabled: j,
+		disableFocusRipple: s,
+		edge: c
+	}, M = ft(re), ie = {
+		slots: S,
+		slotProps: {
+			input: d,
+			...C
+		}
+	}, [N, ae] = D("root", {
+		ref: t,
+		elementType: pt,
+		className: M.root,
+		shouldForwardComponentProp: !0,
+		externalForwardedProps: {
+			...ie,
+			component: "span",
+			...w
+		},
+		getSlotProps: (e) => ({
+			...e,
+			onFocus: (t) => {
+				e.onFocus?.(t), k(t);
+			},
+			onBlur: (t) => {
+				e.onBlur?.(t), A(t);
+			}
+		}),
+		ownerState: re,
+		additionalProps: {
+			centerRipple: !0,
+			focusRipple: !s,
+			role: void 0,
+			tabIndex: null
+		}
+	}), [P, F] = D("input", {
+		ref: f,
+		elementType: mt,
+		className: M.input,
+		externalForwardedProps: ie,
+		getSlotProps: (e) => ({
+			...e,
+			onChange: (t) => {
+				e.onChange?.(t), te(t);
+			}
+		}),
+		ownerState: re,
+		additionalProps: {
+			autoFocus: n,
+			checked: r,
+			defaultChecked: a,
+			disabled: j,
+			id: ne ? u : void 0,
+			name: p,
+			readOnly: _,
+			required: v,
+			tabIndex: y,
+			type: b,
+			...b === "checkbox" && x === void 0 ? {} : { value: x }
+		}
+	});
+	return /*#__PURE__*/ K(N, {
+		...ae,
+		children: [/*#__PURE__*/ G(P, { ...F }), T ? i : l]
+	});
+}), gt = A(/*#__PURE__*/ G("path", { d: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z" }), "CheckBoxOutlineBlank"), _t = A(/*#__PURE__*/ G("path", { d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" }), "CheckBox"), vt = A(/*#__PURE__*/ G("path", { d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z" }), "IndeterminateCheckBox");
+//#endregion
+//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/Checkbox/checkboxClasses.js
+function yt(e) {
+	return R("MuiCheckbox", e);
+}
+var bt = V("MuiCheckbox", [
+	"root",
+	"checked",
+	"disabled",
+	"indeterminate",
+	"colorPrimary",
+	"colorSecondary",
+	"sizeSmall",
+	"sizeMedium"
+]), xt = (e) => {
+	let { classes: t, indeterminate: n, color: r, size: i } = e, a = g({ root: [
+		"root",
+		n && "indeterminate",
+		`color${S(r)}`,
+		`size${S(i)}`
+	] }, yt, t);
+	return {
+		...t,
+		...a
+	};
+}, St = E(ht, {
+	shouldForwardProp: (e) => P(e) || e === "classes",
+	name: "MuiCheckbox",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.root,
+			n.indeterminate && t.indeterminate,
+			t[`size${S(n.size)}`],
+			n.color !== "default" && t[`color${S(n.color)}`]
+		];
+	}
+})(j(({ theme: e }) => ({
+	color: (e.vars || e).palette.text.secondary,
+	variants: [
+		{
+			props: {
+				color: "default",
+				disableRipple: !1
+			},
+			style: { "&:hover": { backgroundColor: e.alpha((e.vars || e).palette.action.active, (e.vars || e).palette.action.hoverOpacity) } }
+		},
+		...Object.entries(e.palette).filter(x()).map(([t]) => ({
+			props: {
+				color: t,
+				disableRipple: !1
+			},
+			style: { "&:hover": { backgroundColor: e.alpha((e.vars || e).palette[t].main, (e.vars || e).palette.action.hoverOpacity) } }
+		})),
+		...Object.entries(e.palette).filter(x()).map(([t]) => ({
+			props: { color: t },
+			style: {
+				[`&.${bt.checked}, &.${bt.indeterminate}`]: { color: (e.vars || e).palette[t].main },
+				[`&.${bt.disabled}`]: { color: (e.vars || e).palette.action.disabled }
+			}
+		})),
+		{
+			props: { disableRipple: !1 },
+			style: { "&:hover": { "@media (hover: none)": { backgroundColor: "transparent" } } }
+		}
+	]
+}))), Ct = /*#__PURE__*/ G(_t, {}), wt = /*#__PURE__*/ G(gt, {}), Tt = /*#__PURE__*/ G(vt, {}), Et = /*#__PURE__*/ H.forwardRef(function(e, t) {
+	let n = N({
+		props: e,
+		name: "MuiCheckbox"
+	}), { checkedIcon: r = Ct, color: i = "primary", icon: a = wt, indeterminate: o = !1, indeterminateIcon: s = Tt, inputProps: c, size: l = "medium", disableRipple: u = !1, className: d, slots: f = {}, slotProps: p = {}, ...m } = n, h = o ? s : a, g = o ? s : r, v = {
+		...n,
+		disableRipple: u,
+		color: i,
+		indeterminate: o,
+		size: l
+	}, y = xt(v), b = p.input ?? c, [x, S] = D("root", {
+		ref: t,
+		elementType: St,
+		className: z(y.root, d),
+		shouldForwardComponentProp: !0,
+		externalForwardedProps: {
+			slots: f,
+			slotProps: p,
+			...m
+		},
+		ownerState: v,
+		additionalProps: {
+			type: "checkbox",
+			icon: /*#__PURE__*/ H.cloneElement(h, { fontSize: h.props.fontSize ?? l }),
+			checkedIcon: /*#__PURE__*/ H.cloneElement(g, { fontSize: g.props.fontSize ?? l }),
+			disableRipple: u,
+			slots: f,
+			slotProps: { input: _(typeof b == "function" ? b(v) : b, {
+				"data-indeterminate": o,
+				"aria-checked": o ? "mixed" : void 0
+			}) }
+		}
+	});
+	return /*#__PURE__*/ G(x, {
+		...S,
+		classes: y
+	});
+});
+//#endregion
+//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/FormControlLabel/formControlLabelClasses.js
+function Dt(e) {
+	return R("MuiFormControlLabel", e);
+}
+var Ot = V("MuiFormControlLabel", [
+	"root",
+	"labelPlacementStart",
+	"labelPlacementTop",
+	"labelPlacementBottom",
+	"disabled",
+	"label",
+	"error",
+	"required",
+	"asterisk"
+]), kt = (e) => {
+	let { classes: t, disabled: n, labelPlacement: r, error: i, required: a } = e;
+	return g({
+		root: [
+			"root",
+			n && "disabled",
+			`labelPlacement${S(r)}`,
+			i && "error",
+			a && "required"
+		],
+		label: ["label", n && "disabled"],
+		asterisk: ["asterisk", i && "error"]
+	}, Dt, t);
+}, At = E("label", {
+	name: "MuiFormControlLabel",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			{ [`& .${Ot.label}`]: t.label },
+			t.root,
+			t[`labelPlacement${S(n.labelPlacement)}`]
+		];
+	}
+})(j(({ theme: e }) => ({
+	display: "inline-flex",
+	alignItems: "center",
+	cursor: "pointer",
+	verticalAlign: "middle",
+	WebkitTapHighlightColor: "transparent",
+	marginLeft: -11,
+	marginRight: 16,
+	[`&.${Ot.disabled}`]: { cursor: "default" },
+	[`& .${Ot.label}`]: { [`&.${Ot.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 }
+		}
+	]
+}))), jt = E("span", {
+	name: "MuiFormControlLabel",
+	slot: "Asterisk"
+})(j(({ theme: e }) => ({ [`&.${Ot.error}`]: { color: (e.vars || e).palette.error.main } }))), Mt = /*#__PURE__*/ H.forwardRef(function(e, t) {
+	let n = N({
+		props: e,
+		name: "MuiFormControlLabel"
+	}), { checked: r, className: i, componentsProps: a = {}, control: o, disabled: s, disableTypography: c, inputRef: l, label: u, labelPlacement: d = "end", name: f, onChange: p, required: m, slots: h = {}, slotProps: g = {}, value: _, ...v } = n, b = ke(), x = s ?? o.props.disabled ?? b?.disabled, S = m ?? o.props.required, C = {
+		disabled: x,
+		required: S
+	};
+	[
+		"checked",
+		"name",
+		"onChange",
+		"value",
+		"inputRef"
+	].forEach((e) => {
+		o.props[e] === void 0 && n[e] !== void 0 && (C[e] = n[e]);
+	});
+	let w = y({
+		props: n,
+		muiFormControl: b,
+		states: ["error"]
+	}), T = {
+		...n,
+		disabled: x,
+		labelPlacement: d,
+		required: S,
+		error: w.error
+	}, E = kt(T), [ee, O] = D("typography", {
+		elementType: L,
+		externalForwardedProps: {
+			slots: h,
+			slotProps: {
+				...a,
+				...g
+			}
+		},
+		ownerState: T
+	}), k = u;
+	return k != null && k.type !== L && !c && (k = /*#__PURE__*/ G(ee, {
+		component: "span",
+		...O,
+		className: z(E.label, O?.className),
+		children: k
+	})), /*#__PURE__*/ K(At, {
+		className: z(E.root, i),
+		ownerState: T,
+		ref: t,
+		...v,
+		children: [/*#__PURE__*/ H.cloneElement(o, C), S ? /*#__PURE__*/ K("div", { children: [k, /*#__PURE__*/ K(jt, {
+			ownerState: T,
+			"aria-hidden": !0,
+			className: E.asterisk,
+			children: [" ", "*"]
+		})] }) : k]
+	});
+});
+//#endregion
+//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/InputAdornment/inputAdornmentClasses.js
+function Nt(e) {
+	return R("MuiInputAdornment", e);
+}
+var Pt = V("MuiInputAdornment", [
+	"root",
+	"filled",
+	"standard",
+	"outlined",
+	"positionStart",
+	"positionEnd",
+	"disablePointerEvents",
+	"hiddenLabel",
+	"sizeSmall"
+]), Ft, It = (e, t) => {
+	let { ownerState: n } = e;
+	return [
+		t.root,
+		t[`position${S(n.position)}`],
+		n.disablePointerEvents === !0 && t.disablePointerEvents,
+		t[n.variant]
+	];
+}, Lt = (e) => {
+	let { classes: t, disablePointerEvents: n, hiddenLabel: r, position: i, size: a, variant: o } = e;
+	return g({ root: [
+		"root",
+		n && "disablePointerEvents",
+		i && `position${S(i)}`,
+		o,
+		r && "hiddenLabel",
+		a && `size${S(a)}`
+	] }, Nt, t);
+}, Rt = E("div", {
+	name: "MuiInputAdornment",
+	slot: "Root",
+	overridesResolver: It
+})(j(({ theme: e }) => ({
+	display: "flex",
+	maxHeight: "2em",
+	alignItems: "center",
+	whiteSpace: "nowrap",
+	color: (e.vars || e).palette.action.active,
+	variants: [
+		{
+			props: { variant: "filled" },
+			style: { [`&.${Pt.positionStart}&:not(.${Pt.hiddenLabel})`]: { marginTop: 16 } }
+		},
+		{
+			props: { position: "start" },
+			style: { marginRight: 8 }
+		},
+		{
+			props: { position: "end" },
+			style: { marginLeft: 8 }
+		},
+		{
+			props: { disablePointerEvents: !0 },
+			style: { pointerEvents: "none" }
+		}
+	]
+}))), zt = /*#__PURE__*/ H.forwardRef(function(e, t) {
+	let n = N({
+		props: e,
+		name: "MuiInputAdornment"
+	}), { children: r, className: i, component: a = "div", disablePointerEvents: o = !1, disableTypography: s = !1, position: c, variant: l, ...u } = n, d = ke() || {}, f = l;
+	l && d.variant, d && !f && (f = d.variant);
+	let p = {
+		...n,
+		hiddenLabel: d.hiddenLabel,
+		size: d.size,
+		disablePointerEvents: o,
+		position: c,
+		variant: f
+	}, m = Lt(p);
+	return /*#__PURE__*/ G(ne.Provider, {
+		value: null,
+		children: /*#__PURE__*/ G(Rt, {
+			as: a,
+			ownerState: p,
+			className: z(m.root, i),
+			ref: t,
+			...u,
+			children: typeof r == "string" && !s ? /*#__PURE__*/ G(L, {
+				color: "textSecondary",
+				children: r
+			}) : /*#__PURE__*/ K(H.Fragment, { children: [c === "start" ? Ft ||= /*#__PURE__*/ G("span", {
+				className: "notranslate",
+				"aria-hidden": !0,
+				children: "​"
+			}) : null, r] })
+		})
+	});
+}), Bt = A(/*#__PURE__*/ G("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"), Vt = A(/*#__PURE__*/ G("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"), Ht = E("span", {
+	name: "MuiRadioButtonIcon",
+	shouldForwardProp: P
+})({
+	position: "relative",
+	display: "flex"
+}), Ut = E(Bt, { name: "MuiRadioButtonIcon" })({ transform: "scale(1)" }), Wt = E(Vt, { name: "MuiRadioButtonIcon" })(j(({ 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 Gt(e) {
+	let { checked: t = !1, classes: n = {}, fontSize: r } = e, i = {
+		...e,
+		checked: t
+	};
+	return /*#__PURE__*/ K(Ht, {
+		className: n.root,
+		ownerState: i,
+		children: [/*#__PURE__*/ G(Ut, {
+			fontSize: r,
+			className: n.background,
+			ownerState: i
+		}), /*#__PURE__*/ G(Wt, {
+			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 Kt = /*#__PURE__*/ H.createContext(void 0);
+//#endregion
+//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/RadioGroup/useRadioGroup.js
+function qt() {
+	return H.useContext(Kt);
+}
+//#endregion
+//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/Radio/radioClasses.js
+function Jt(e) {
+	return R("MuiRadio", e);
+}
+var Yt = V("MuiRadio", [
+	"root",
+	"checked",
+	"disabled",
+	"colorPrimary",
+	"colorSecondary",
+	"sizeSmall"
+]), Xt = (e) => {
+	let { classes: t, color: n, size: r } = e, i = { root: [
+		"root",
+		`color${S(n)}`,
+		r !== "medium" && `size${S(r)}`
+	] };
+	return {
+		...t,
+		...g(i, Jt, t)
+	};
+}, Zt = E(ht, {
+	shouldForwardProp: (e) => P(e) || e === "classes",
+	name: "MuiRadio",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.root,
+			n.size !== "medium" && t[`size${S(n.size)}`],
+			t[`color${S(n.color)}`]
+		];
+	}
+})(j(({ theme: e }) => ({
+	color: (e.vars || e).palette.text.secondary,
+	[`&.${Yt.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(x()).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(x()).map(([t]) => ({
+			props: {
+				color: t,
+				disabled: !1
+			},
+			style: { [`&.${Yt.checked}`]: { color: (e.vars || e).palette[t].main } }
+		})),
+		{
+			props: { disableRipple: !1 },
+			style: { "&:hover": { "@media (hover: none)": { backgroundColor: "transparent" } } }
+		}
+	]
+})));
+function Qt(e, t) {
+	return typeof t == "object" && t ? e === t : String(e) === String(t);
+}
+var $t = /*#__PURE__*/ G(Gt, { checked: !0 }), en = /*#__PURE__*/ G(Gt, {}), tn = /*#__PURE__*/ H.forwardRef(function(e, t) {
+	let n = N({
+		props: e,
+		name: "MuiRadio"
+	}), { checked: r, checkedIcon: i = $t, color: a = "primary", icon: o = en, name: s, onChange: c, size: l = "medium", className: u, disabled: d, disableRipple: f = !1, slots: p = {}, slotProps: m = {}, inputProps: h, ...g } = n, _ = ke(), v = d;
+	_ && v === void 0 && (v = _.disabled), v ??= !1;
+	let y = {
+		...n,
+		disabled: v,
+		disableRipple: f,
+		color: a,
+		size: l
+	}, b = Xt(y), x = qt(), S = r, C = it(c, x && x.onChange), w = s;
+	x && (S === void 0 && (S = Qt(x.value, n.value)), w === void 0 && (w = x.name));
+	let T = m.input ?? h, [E, ee] = D("root", {
+		ref: t,
+		elementType: Zt,
+		className: z(b.root, u),
+		shouldForwardComponentProp: !0,
+		externalForwardedProps: {
+			slots: p,
+			slotProps: m,
+			...g
+		},
+		getSlotProps: (e) => ({
+			...e,
+			onChange: (t, ...n) => {
+				e.onChange?.(t, ...n), C(t, ...n);
+			}
+		}),
+		ownerState: y,
+		additionalProps: {
+			type: "radio",
+			icon: /*#__PURE__*/ H.cloneElement(o, { fontSize: o.props.fontSize ?? l }),
+			checkedIcon: /*#__PURE__*/ H.cloneElement(i, { fontSize: i.props.fontSize ?? l }),
+			disabled: v,
+			name: w,
+			checked: S,
+			slots: p,
+			slotProps: { input: typeof T == "function" ? T(y) : T }
+		}
+	});
+	return /*#__PURE__*/ G(E, {
+		...ee,
+		classes: b
+	});
+});
+//#endregion
+//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/Tooltip/tooltipClasses.js
+function nn(e) {
+	return R("MuiTooltip", e);
+}
+var X = V("MuiTooltip", [
+	"popper",
+	"popperInteractive",
+	"popperArrow",
+	"popperClose",
+	"tooltip",
+	"tooltipArrow",
+	"touch",
+	"tooltipPlacementLeft",
+	"tooltipPlacementRight",
+	"tooltipPlacementTop",
+	"tooltipPlacementBottom",
+	"arrow"
+]);
+//#endregion
+//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/Tooltip/Tooltip.js
+function rn(e) {
+	return Math.round(e * 1e5) / 1e5;
+}
+var an = (e) => {
+	let { classes: t, disableInteractive: n, arrow: r, touch: i, placement: a } = e;
+	return g({
+		popper: [
+			"popper",
+			!n && "popperInteractive",
+			r && "popperArrow"
+		],
+		tooltip: [
+			"tooltip",
+			r && "tooltipArrow",
+			i && "touch",
+			`tooltipPlacement${S(a.split("-")[0])}`
+		],
+		arrow: ["arrow"]
+	}, nn, t);
+}, on = E(be, {
+	name: "MuiTooltip",
+	slot: "Popper",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.popper,
+			!n.disableInteractive && t.popperInteractive,
+			n.arrow && t.popperArrow,
+			!n.open && t.popperClose
+		];
+	}
+})(j(({ theme: e }) => ({
+	zIndex: (e.vars || e).zIndex.tooltip,
+	pointerEvents: "none",
+	variants: [
+		{
+			props: ({ ownerState: e }) => !e.disableInteractive,
+			style: { pointerEvents: "auto" }
+		},
+		{
+			props: ({ open: e }) => !e,
+			style: { pointerEvents: "none" }
+		},
+		{
+			props: ({ ownerState: e }) => e.arrow,
+			style: {
+				[`&[data-popper-placement*="bottom"] .${X.arrow}`]: {
+					top: 0,
+					marginTop: "-0.71em",
+					"&::before": { transformOrigin: "0 100%" }
+				},
+				[`&[data-popper-placement*="top"] .${X.arrow}`]: {
+					bottom: 0,
+					marginBottom: "-0.71em",
+					"&::before": { transformOrigin: "100% 0" }
+				},
+				[`&[data-popper-placement*="right"] .${X.arrow}`]: {
+					height: "1em",
+					width: "0.71em",
+					"&::before": { transformOrigin: "100% 100%" }
+				},
+				[`&[data-popper-placement*="left"] .${X.arrow}`]: {
+					height: "1em",
+					width: "0.71em",
+					"&::before": { transformOrigin: "0 0" }
+				}
+			}
+		},
+		{
+			props: ({ ownerState: e }) => e.arrow && !e.isRtl,
+			style: { [`&[data-popper-placement*="right"] .${X.arrow}`]: {
+				left: 0,
+				marginLeft: "-0.71em"
+			} }
+		},
+		{
+			props: ({ ownerState: e }) => e.arrow && !!e.isRtl,
+			style: { [`&[data-popper-placement*="right"] .${X.arrow}`]: {
+				right: 0,
+				marginRight: "-0.71em"
+			} }
+		},
+		{
+			props: ({ ownerState: e }) => e.arrow && !e.isRtl,
+			style: { [`&[data-popper-placement*="left"] .${X.arrow}`]: {
+				right: 0,
+				marginRight: "-0.71em"
+			} }
+		},
+		{
+			props: ({ ownerState: e }) => e.arrow && !!e.isRtl,
+			style: { [`&[data-popper-placement*="left"] .${X.arrow}`]: {
+				left: 0,
+				marginLeft: "-0.71em"
+			} }
+		}
+	]
+}))), sn = E("div", {
+	name: "MuiTooltip",
+	slot: "Tooltip",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.tooltip,
+			n.touch && t.touch,
+			n.arrow && t.tooltipArrow,
+			t[`tooltipPlacement${S(n.placement.split("-")[0])}`]
+		];
+	}
+})(j(({ theme: e }) => ({
+	backgroundColor: e.vars ? e.vars.palette.Tooltip.bg : e.alpha(e.palette.grey[700], .92),
+	borderRadius: (e.vars || e).shape.borderRadius,
+	color: (e.vars || e).palette.common.white,
+	fontFamily: e.typography.fontFamily,
+	padding: "4px 8px",
+	fontSize: e.typography.pxToRem(11),
+	maxWidth: 300,
+	margin: 2,
+	wordWrap: "break-word",
+	fontWeight: e.typography.fontWeightMedium,
+	[`.${X.popper}[data-popper-placement*="left"] &`]: { transformOrigin: "right center" },
+	[`.${X.popper}[data-popper-placement*="right"] &`]: { transformOrigin: "left center" },
+	[`.${X.popper}[data-popper-placement*="top"] &`]: {
+		transformOrigin: "center bottom",
+		marginBottom: "14px"
+	},
+	[`.${X.popper}[data-popper-placement*="bottom"] &`]: {
+		transformOrigin: "center top",
+		marginTop: "14px"
+	},
+	variants: [
+		{
+			props: ({ ownerState: e }) => e.arrow,
+			style: {
+				position: "relative",
+				margin: 0
+			}
+		},
+		{
+			props: ({ ownerState: e }) => e.touch,
+			style: {
+				padding: "8px 16px",
+				fontSize: e.typography.pxToRem(14),
+				lineHeight: `${rn(16 / 14)}em`,
+				fontWeight: e.typography.fontWeightRegular
+			}
+		},
+		{
+			props: ({ ownerState: e }) => !e.isRtl,
+			style: {
+				[`.${X.popper}[data-popper-placement*="left"] &`]: { marginRight: "14px" },
+				[`.${X.popper}[data-popper-placement*="right"] &`]: { marginLeft: "14px" }
+			}
+		},
+		{
+			props: ({ ownerState: e }) => !e.isRtl && e.touch,
+			style: {
+				[`.${X.popper}[data-popper-placement*="left"] &`]: { marginRight: "24px" },
+				[`.${X.popper}[data-popper-placement*="right"] &`]: { marginLeft: "24px" }
+			}
+		},
+		{
+			props: ({ ownerState: e }) => !!e.isRtl,
+			style: {
+				[`.${X.popper}[data-popper-placement*="left"] &`]: { marginLeft: "14px" },
+				[`.${X.popper}[data-popper-placement*="right"] &`]: { marginRight: "14px" }
+			}
+		},
+		{
+			props: ({ ownerState: e }) => !!e.isRtl && e.touch,
+			style: {
+				[`.${X.popper}[data-popper-placement*="left"] &`]: { marginLeft: "24px" },
+				[`.${X.popper}[data-popper-placement*="right"] &`]: { marginRight: "24px" }
+			}
+		},
+		{
+			props: ({ ownerState: e }) => e.touch,
+			style: { [`.${X.popper}[data-popper-placement*="top"] &`]: { marginBottom: "24px" } }
+		},
+		{
+			props: ({ ownerState: e }) => e.touch,
+			style: { [`.${X.popper}[data-popper-placement*="bottom"] &`]: { marginTop: "24px" } }
+		}
+	]
+}))), cn = E("span", {
+	name: "MuiTooltip",
+	slot: "Arrow"
+})(j(({ theme: e }) => ({
+	overflow: "hidden",
+	position: "absolute",
+	width: "1em",
+	height: "0.71em",
+	boxSizing: "border-box",
+	color: e.vars ? e.vars.palette.Tooltip.bg : e.alpha(e.palette.grey[700], .9),
+	"&::before": {
+		content: "\"\"",
+		margin: "auto",
+		display: "block",
+		width: "100%",
+		height: "100%",
+		backgroundColor: "currentColor",
+		transform: "rotate(45deg)"
+	}
+}))), ln = !1, un = new w(), dn = {
+	x: 0,
+	y: 0
+};
+function fn(e, t) {
+	return (n, ...r) => {
+		t && t(n, ...r), e(n, ...r);
+	};
+}
+var pn = /*#__PURE__*/ H.forwardRef(function(e, t) {
+	let n = N({
+		props: e,
+		name: "MuiTooltip"
+	}), { arrow: r = !1, children: i, classes: a, components: o = {}, componentsProps: s = {}, describeChild: c = !1, disableFocusListener: l = !1, disableHoverListener: u = !1, disableInteractive: d = !1, disableTouchListener: f = !1, enterDelay: p = 100, enterNextDelay: m = 0, enterTouchDelay: h = 700, followCursor: g = !1, id: _, leaveDelay: y = 0, leaveTouchDelay: b = 1500, onClose: x, onOpen: S, open: C, placement: w = "bottom", PopperComponent: T, PopperProps: E = {}, slotProps: A = {}, slots: te = {}, title: j, TransitionComponent: ne, TransitionProps: re, ...P } = n, F = /*#__PURE__*/ H.isValidElement(i) ? i : /*#__PURE__*/ G("span", { children: i }), oe = ae(), se = fe(), [ce, le] = H.useState(), [I, ue] = H.useState(null), de = H.useRef(!1), pe = d || g, me = M(), he = M(), ge = M(), L = M(), [ve, ye] = ee({
+		controlled: C,
+		default: !1,
+		name: "Tooltip",
+		state: "open"
+	}), R = ve, xe = O(_), Se = H.useRef(), Ce = _e(() => {
+		Se.current !== void 0 && (document.body.style.WebkitUserSelect = Se.current, Se.current = void 0), L.clear();
+	});
+	H.useEffect(() => Ce, [Ce]);
+	let we = (e) => {
+		un.clear(), ln = !0, ye(!0), S && !R && S(e);
+	}, Te = _e((e) => {
+		un.start(800 + y, () => {
+			ln = !1;
+		}), ye(!1), x && R && x(e), me.start(oe.transitions.duration.shortest, () => {
+			de.current = !1;
+		});
+	}), Ee = (e) => {
+		de.current && e.type !== "touchstart" || (ce && ce.removeAttribute("title"), he.clear(), ge.clear(), p || ln && m ? he.start(ln ? m : p, () => {
+			we(e);
+		}) : we(e));
+	}, B = (e) => {
+		he.clear(), ge.start(y, () => {
+			Te(e);
+		});
+	}, [, V] = H.useState(!1), De = (e) => {
+		let t = e?.target ?? ce;
+		if (!t || !k(t)) {
+			V(!1);
+			let n = e ?? new Event("blur");
+			!e && t && (Object.defineProperty(n, "target", { value: t }), Object.defineProperty(n, "currentTarget", { value: t })), B(n);
+		}
+	}, Oe = (e) => {
+		ce || le(e.currentTarget), k(e.target) && (V(!0), Ee(e));
+	}, ke = (e) => {
+		de.current = !0;
+		let t = F.props;
+		t.onTouchStart && t.onTouchStart(e);
+	}, Ae = (e) => {
+		ke(e), ge.clear(), me.clear(), Ce(), Se.current = document.body.style.WebkitUserSelect, document.body.style.WebkitUserSelect = "none", L.start(h, () => {
+			document.body.style.WebkitUserSelect = Se.current, Ee(e);
+		});
+	}, Me = (e) => {
+		F.props.onTouchEnd && F.props.onTouchEnd(e), Ce(), ge.start(b, () => {
+			Te(e);
+		});
+	};
+	H.useEffect(() => {
+		if (!R) return;
+		function e(e) {
+			e.key === "Escape" && Te(e);
+		}
+		return document.addEventListener("keydown", e), () => {
+			document.removeEventListener("keydown", e);
+		};
+	}, [Te, R]);
+	let Ne = v(ie(F), le, t);
+	!j && j !== 0 && (R = !1);
+	let Pe = H.useRef(), U = (e) => {
+		let t = F.props;
+		t.onMouseMove && t.onMouseMove(e), dn = {
+			x: e.clientX,
+			y: e.clientY
+		}, Pe.current && Pe.current.update();
+	}, Fe = {}, Ie = typeof j == "string";
+	c ? (Fe.title = !R && Ie && !u ? j : null, Fe["aria-describedby"] = R ? xe : null) : (Fe["aria-label"] = Ie ? j : null, Fe["aria-labelledby"] = R && !Ie ? xe : null);
+	let W = {
+		...Fe,
+		...P,
+		...F.props,
+		className: z(P.className, F.props.className),
+		onTouchStart: ke,
+		ref: Ne,
+		...g ? { onMouseMove: U } : {}
+	}, Le = {};
+	f || (W.onTouchStart = Ae, W.onTouchEnd = Me), u || (W.onMouseOver = fn(Ee, W.onMouseOver), W.onMouseLeave = fn(B, W.onMouseLeave), pe || (Le.onMouseOver = Ee, Le.onMouseLeave = B)), l || (W.onFocus = fn(Oe, W.onFocus), W.onBlur = fn(De, W.onBlur), pe || (Le.onFocus = Oe, Le.onBlur = De));
+	let q = {
+		...n,
+		isRtl: se,
+		arrow: r,
+		disableInteractive: pe,
+		placement: w,
+		PopperComponentProp: T,
+		touch: de.current
+	}, Re = typeof A.popper == "function" ? A.popper(q) : A.popper, ze = H.useMemo(() => {
+		let e = [{
+			name: "arrow",
+			enabled: !!I,
+			options: {
+				element: I,
+				padding: 4
+			}
+		}];
+		return E.popperOptions?.modifiers && (e = e.concat(E.popperOptions.modifiers)), Re?.popperOptions?.modifiers && (e = e.concat(Re.popperOptions.modifiers)), {
+			...E.popperOptions,
+			...Re?.popperOptions,
+			modifiers: e
+		};
+	}, [
+		I,
+		E.popperOptions,
+		Re?.popperOptions
+	]), J = an(q), Be = typeof A.transition == "function" ? A.transition(q) : A.transition, Ve = {
+		slots: {
+			popper: o.Popper,
+			transition: o.Transition ?? ne,
+			tooltip: o.Tooltip,
+			arrow: o.Arrow,
+			...te
+		},
+		slotProps: {
+			arrow: A.arrow ?? s.arrow,
+			popper: {
+				...E,
+				...Re ?? s.popper
+			},
+			tooltip: A.tooltip ?? s.tooltip,
+			transition: {
+				...re,
+				...Be ?? s.transition
+			}
+		}
+	}, [He, Ue] = D("popper", {
+		elementType: on,
+		externalForwardedProps: Ve,
+		ownerState: q,
+		className: z(J.popper, E?.className)
+	}), [We, Ge] = D("transition", {
+		elementType: je,
+		externalForwardedProps: Ve,
+		ownerState: q
+	}), [Ke, qe] = D("tooltip", {
+		elementType: sn,
+		className: J.tooltip,
+		externalForwardedProps: Ve,
+		ownerState: q
+	}), [Je, Y] = D("arrow", {
+		elementType: cn,
+		className: J.arrow,
+		externalForwardedProps: Ve,
+		ownerState: q,
+		ref: ue
+	});
+	return /*#__PURE__*/ K(H.Fragment, { children: [/*#__PURE__*/ H.cloneElement(F, W), /*#__PURE__*/ G(He, {
+		as: T ?? be,
+		placement: w,
+		anchorEl: g ? { getBoundingClientRect: () => ({
+			top: dn.y,
+			left: dn.x,
+			right: dn.x,
+			bottom: dn.y,
+			width: 0,
+			height: 0
+		}) } : ce,
+		popperRef: Pe,
+		open: ce ? R : !1,
+		id: xe,
+		transition: !0,
+		...Le,
+		...Ue,
+		popperOptions: ze,
+		children: ({ TransitionProps: e }) => /*#__PURE__*/ G(We, {
+			timeout: oe.transitions.duration.shorter,
+			...e,
+			...Ge,
+			children: /*#__PURE__*/ K(Ke, {
+				...qe,
+				children: [j, r ? /*#__PURE__*/ G(Je, { ...Y }) : null]
+			})
+		})
+	})] });
+});
+//#endregion
+//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/Switch/switchClasses.js
+function mn(e) {
+	return R("MuiSwitch", e);
+}
+var Z = V("MuiSwitch", [
+	"root",
+	"edgeStart",
+	"edgeEnd",
+	"switchBase",
+	"colorPrimary",
+	"colorSecondary",
+	"sizeSmall",
+	"sizeMedium",
+	"checked",
+	"disabled",
+	"input",
+	"thumb",
+	"track"
+]), hn = (e) => {
+	let { classes: t, edge: n, size: r, color: i, checked: a, disabled: o } = e, s = g({
+		root: [
+			"root",
+			n && `edge${S(n)}`,
+			`size${S(r)}`
+		],
+		switchBase: [
+			"switchBase",
+			`color${S(i)}`,
+			a && "checked",
+			o && "disabled"
+		],
+		thumb: ["thumb"],
+		track: ["track"],
+		input: ["input"]
+	}, mn, t);
+	return {
+		...t,
+		...s
+	};
+}, gn = E("span", {
+	name: "MuiSwitch",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.root,
+			n.edge && t[`edge${S(n.edge)}`],
+			t[`size${S(n.size)}`]
+		];
+	}
+})({
+	display: "inline-flex",
+	width: 58,
+	height: 38,
+	overflow: "hidden",
+	padding: 12,
+	boxSizing: "border-box",
+	position: "relative",
+	flexShrink: 0,
+	zIndex: 0,
+	verticalAlign: "middle",
+	"@media print": { colorAdjust: "exact" },
+	variants: [
+		{
+			props: { edge: "start" },
+			style: { marginLeft: -8 }
+		},
+		{
+			props: { edge: "end" },
+			style: { marginRight: -8 }
+		},
+		{
+			props: { size: "small" },
+			style: {
+				width: 40,
+				height: 24,
+				padding: 7,
+				[`& .${Z.thumb}`]: {
+					width: 16,
+					height: 16
+				},
+				[`& .${Z.switchBase}`]: {
+					padding: 4,
+					[`&.${Z.checked}`]: { transform: "translateX(16px)" }
+				}
+			}
+		}
+	]
+}), _n = E(ht, {
+	name: "MuiSwitch",
+	slot: "SwitchBase",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.switchBase,
+			{ [`& .${Z.input}`]: t.input },
+			n.color !== "default" && t[`color${S(n.color)}`]
+		];
+	}
+})(j(({ theme: e }) => ({
+	position: "absolute",
+	top: 0,
+	left: 0,
+	zIndex: 1,
+	color: e.vars ? e.vars.palette.Switch.defaultColor : `${e.palette.mode === "light" ? e.palette.common.white : e.palette.grey[300]}`,
+	transition: e.transitions.create(["left", "transform"], { duration: e.transitions.duration.shortest }),
+	[`&.${Z.checked}`]: { transform: "translateX(20px)" },
+	[`&.${Z.disabled}`]: { color: e.vars ? e.vars.palette.Switch.defaultDisabledColor : `${e.palette.mode === "light" ? e.palette.grey[100] : e.palette.grey[600]}` },
+	[`&.${Z.checked} + .${Z.track}`]: { opacity: .5 },
+	[`&.${Z.disabled} + .${Z.track}`]: { opacity: e.vars ? e.vars.opacity.switchTrackDisabled : `${e.palette.mode === "light" ? .12 : .2}` },
+	[`& .${Z.input}`]: {
+		left: "-100%",
+		width: "300%"
+	}
+})), j(({ 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(x(["light"])).map(([t]) => ({
+		props: { color: t },
+		style: {
+			[`&.${Z.checked}`]: {
+				color: (e.vars || e).palette[t].main,
+				"&:hover": {
+					backgroundColor: e.alpha((e.vars || e).palette[t].main, (e.vars || e).palette.action.hoverOpacity),
+					"@media (hover: none)": { backgroundColor: "transparent" }
+				},
+				[`&.${Z.disabled}`]: { color: e.vars ? e.vars.palette.Switch[`${t}DisabledColor`] : `${e.palette.mode === "light" ? e.lighten(e.palette[t].main, .62) : e.darken(e.palette[t].main, .55)}` }
+			},
+			[`&.${Z.checked} + .${Z.track}`]: { backgroundColor: (e.vars || e).palette[t].main }
+		}
+	}))]
+}))), vn = E("span", {
+	name: "MuiSwitch",
+	slot: "Track"
+})(j(({ 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}`
+}))), yn = E("span", {
+	name: "MuiSwitch",
+	slot: "Thumb"
+})(j(({ theme: e }) => ({
+	boxShadow: (e.vars || e).shadows[1],
+	backgroundColor: "currentColor",
+	boxSizing: "border-box",
+	border: "1px solid transparent",
+	width: 20,
+	height: 20,
+	borderRadius: "50%"
+}))), bn = /*#__PURE__*/ H.forwardRef(function(e, t) {
+	let n = N({
+		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 = hn(d), p = l.input, m = {
+		slots: c,
+		slotProps: l
+	}, [h, g] = D("root", {
+		className: z(f.root, r),
+		elementType: gn,
+		externalForwardedProps: m,
+		ownerState: d,
+		additionalProps: { sx: s }
+	}), [v, y] = D("thumb", {
+		className: f.thumb,
+		elementType: yn,
+		externalForwardedProps: m,
+		ownerState: d
+	}), b = /*#__PURE__*/ G(v, { ...y }), [x, S] = D("track", {
+		className: f.track,
+		elementType: vn,
+		externalForwardedProps: m,
+		ownerState: d
+	});
+	return /*#__PURE__*/ K(h, {
+		...g,
+		children: [/*#__PURE__*/ G(_n, {
+			type: "checkbox",
+			icon: b,
+			checkedIcon: b,
+			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: _(typeof p == "function" ? p(d) : p, { role: "switch" })
+			}
+		}), /*#__PURE__*/ G(x, { ...S })]
+	});
+}), Q = /* @__PURE__ */ t(me(), 1), xn = E(Mt)(() => ({ "& .MuiFormControlLabel-label": {
+	left: "-5px",
+	position: "relative"
+} })), Sn = E(tn)(() => ({ color: `${C.tertiary()} !important` })), Cn = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ G(xn, {
+	value: t,
+	control: /* @__PURE__ */ G(Sn, {
+		checked: n,
+		onChange: r
+	}),
+	label: e
+});
+Cn.propTypes = {
+	label: Q.default.string,
+	value: Q.default.string,
+	checked: Q.default.bool,
+	onChange: Q.default.func
+};
+//#endregion
+//#region ../../lib-react/config-ui/dist/tabs/index.js
+var wn = E(we)(() => ({})), Tn = class extends U.Component {
+	static propTypes = {
+		className: Q.default.string,
+		contentClassName: Q.default.string,
+		contentStyle: Q.default.object,
+		children: Q.default.oneOfType([Q.default.arrayOf(Q.default.node), Q.default.node]).isRequired
+	};
+	constructor(e) {
+		super(e), this.state = { value: 0 };
+	}
+	handleChange = (e, t) => {
+		this.setState({ value: t });
+	};
+	render() {
+		let { value: e } = this.state, { children: t, className: n, contentClassName: r, contentStyle: i = {} } = this.props;
+		return /* @__PURE__ */ K("div", {
+			className: n,
+			children: [/* @__PURE__ */ G(he, {
+				indicatorColor: "primary",
+				value: e,
+				onChange: this.handleChange,
+				children: U.Children.map(t, (e, t) => e && e.props.title ? /* @__PURE__ */ G(wn, { label: e.props.title }, t) : null)
+			}), /* @__PURE__ */ G("div", {
+				className: r,
+				style: i,
+				children: t[e]
+			})]
+		});
+	}
+}, En = E(Mt)(({ 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: te[700],
+			fontSize: e.typography.fontSize - 3
+		}
+	}
+})), Dn = E(Et)(({ theme: e, mini: t, error: n }) => ({
+	color: `${C.tertiary()} !important`,
+	...t && {
+		margin: 0,
+		padding: 0,
+		width: e.spacing(3),
+		height: e.spacing(3)
+	},
+	...n && { color: `${e.palette.error.main} !important` }
+})), On = ({ mini: e, checked: t, onChange: n, value: r, label: i, error: a }) => /* @__PURE__ */ G(En, {
+	mini: e,
+	control: /* @__PURE__ */ G(Dn, {
+		checked: t,
+		onChange: n,
+		value: r,
+		mini: e,
+		error: a
+	}),
+	label: i
+});
+On.propTypes = {
+	mini: Q.default.bool,
+	checked: Q.default.bool.isRequired,
+	onChange: Q.default.func.isRequired,
+	value: Q.default.string,
+	label: Q.default.string.isRequired,
+	error: Q.default.bool
+}, On.defaultProps = {
+	value: "",
+	mini: !1,
+	error: !1
+};
+//#endregion
+//#region ../../lib-react/config-ui/dist/number-text-field.js
+var kn = (0, at.default)("@pie-lib:config-ui:number-text-field"), An = E(oe)(({ 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"
+	}
+})), jn = (e, t) => {
+	if (!Y(e) && !Y(t)) return 0;
+	if (!Y(e) && Y(t)) return t;
+	if (Y(e)) return e;
+}, Mn = class extends U.Component {
+	static propTypes = {
+		disabled: Q.default.bool,
+		className: Q.default.string,
+		inputClassName: Q.default.string,
+		onChange: Q.default.func.isRequired,
+		value: Q.default.number,
+		min: Q.default.number,
+		max: Q.default.number,
+		label: Q.default.string,
+		suffix: Q.default.string,
+		showErrorWhenOutsideRange: Q.default.bool,
+		disableUnderline: Q.default.bool,
+		variant: Q.default.string
+	};
+	static defaultProps = { showErrorWhenOutsideRange: !1 };
+	constructor(e) {
+		super(e);
+		let t = this.clamp(e.value);
+		this.state = { value: t }, t !== e.value && this.props.onChange({}, t), this.onChange = this.onChange.bind(this);
+	}
+	UNSAFE_componentWillReceiveProps(e) {
+		let t = this.clamp(e.value, e.min, e.max);
+		this.setState({ value: t });
+	}
+	clamp(e, t = this.props.min, n = this.props.max) {
+		return Y(e) ? (Y(n) && (e = Math.min(e, n)), Y(t) && (e = Math.max(e, t)), e) : jn(t, n);
+	}
+	onBlur = (e) => {
+		let t = e.target.value, n = parseFloat(t);
+		kn("rawNumber: ", n);
+		let r = this.clamp(n);
+		kn("number: ", r), r !== this.state.value && (kn("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__ */ G(An, {
+			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__ */ G(zt, {
+					position: "end",
+					children: r
+				}),
+				className: o,
+				inputProps: {
+					min: i,
+					max: a
+				}
+			} },
+			margin: "normal"
+		});
+	}
+};
+//#endregion
+//#region ../../lib-react/config-ui/dist/two-choice.js
+function Nn(e) {
+	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
+}
+function Pn(e, t) {
+	return !e || Nn(e) ? e : Nn(e.default) ? e.default : t && Nn(e[t]) ? e[t] : t && Nn(e[t]?.default) ? e[t].default : e;
+}
+var Fn = Pn(Ae, "InputContainer") || Pn(Rn.InputContainer, "InputContainer"), In = ye, Ln = In.default, Rn = Ln && typeof Ln == "object" ? Ln : In, zn = E("div")(({ theme: e, direction: t }) => ({
+	display: "flex",
+	flexWrap: "wrap",
+	paddingLeft: 0,
+	marginTop: e.spacing(1),
+	...t === "vertical" && { flexDirection: "column" }
+})), Bn = class extends U.Component {
+	static propTypes = {
+		header: Q.default.string.isRequired,
+		className: Q.default.string,
+		customLabel: Q.default.func,
+		opts: Q.default.array.isRequired,
+		value: Q.default.string,
+		onChange: Q.default.func.isRequired,
+		direction: Q.default.oneOf(["horizontal", "vertical"])
+	};
+	handleChange = (e) => {
+		this.props.onChange(e.currentTarget.value);
+	};
+	render() {
+		let { header: e, className: t, customLabel: n, opts: r, value: i, direction: a } = this.props, o = r.map((e) => typeof e == "string" ? {
+			label: e,
+			value: e
+		} : e), s = n || Cn;
+		return /* @__PURE__ */ G(Fn, {
+			label: e,
+			className: t,
+			children: /* @__PURE__ */ G(zn, {
+				direction: a,
+				children: o.map((e, t) => /* @__PURE__ */ G(s, {
+					value: e.value,
+					checked: e.value === i,
+					onChange: this.handleChange,
+					label: e.label
+				}, t))
+			})
+		});
+	}
+}, Vn = Q.default.shape({
+	label: Q.default.string,
+	value: Q.default.string
+});
+(class extends U.Component {
+	static propTypes = {
+		header: Q.default.string.isRequired,
+		value: Q.default.string.isRequired,
+		onChange: Q.default.func.isRequired,
+		one: Q.default.oneOfType([Vn, Q.default.string]),
+		two: Q.default.oneOfType([Vn, Q.default.string]),
+		className: Q.default.string,
+		customLabel: Q.default.func
+	};
+	render() {
+		let { one: e, two: t, header: n, className: r, customLabel: i, value: a, onChange: o } = this.props;
+		return /* @__PURE__ */ G(Bn, {
+			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 Hn = Object.defineProperty, Un = (e, t) => {
+	let n = {};
+	for (var r in e) Hn(n, r, {
+		get: e[r],
+		enumerable: !0
+	});
+	return t || Hn(n, Symbol.toStringTag, { value: "Module" }), n;
+}, Wn = E("div")(() => ({
+	display: "flex",
+	flexDirection: "column",
+	position: "relative"
+})), Gn = E("div")(() => ({
+	display: "flex",
+	justifyContent: "space-between"
+})), Kn = E("div")(({ theme: e }) => ({ padding: `${e.spacing(2)} 0` })), qn = E("div")(() => ({ flex: "1" })), Jn = E("div")(({ theme: e }) => ({ marginLeft: e.spacing(2) })), Yn = class extends U.Component {
+	static propTypes = {
+		mode: Q.default.oneOf(["tabbed", "inline"]),
+		secondary: Q.default.oneOfType([Q.default.arrayOf(Q.default.node), Q.default.node]),
+		children: Q.default.oneOfType([Q.default.arrayOf(Q.default.node), Q.default.node]),
+		dimensions: Q.default.object
+	};
+	getConfiguration = () => {
+		let { secondary: e } = this.props;
+		return e?.props?.configuration || e?.props?.children?.props?.configuration || void 0;
+	};
+	render() {
+		let { mode: e, secondary: t, children: n, dimensions: r } = this.props, { minHeight: i, minWidth: a, maxHeight: o, maxWidth: s } = r || {}, c = this.getConfiguration(), l = Object.entries(c || {}).some(([, e]) => !!e?.settings);
+		if (!l) try {
+			l = JSON.stringify(c)?.match(/settings":true/)?.length;
+		} catch (e) {
+			console.log(e.toString());
+		}
+		return /* @__PURE__ */ K(Wn, {
+			style: {
+				minHeight: i,
+				minWidth: a,
+				maxHeight: o,
+				maxWidth: s
+			},
+			children: [
+				e === "inline" && /* @__PURE__ */ K(Gn, { children: [/* @__PURE__ */ G(qn, {
+					className: "design-container",
+					children: n
+				}), l && /* @__PURE__ */ G(Jn, {
+					className: "settings-container",
+					children: t
+				})] }),
+				e === "tabbed" && l && /* @__PURE__ */ K(Tn, {
+					onChange: this.onTabsChange,
+					contentClassName: "content-container",
+					indicatorColor: "primary",
+					children: [/* @__PURE__ */ G(Kn, {
+						title: "Design",
+						className: "design-container",
+						children: n
+					}), /* @__PURE__ */ G(Kn, {
+						title: "Settings",
+						className: "settings-container",
+						children: t
+					})]
+				}),
+				e === "tabbed" && !l && /* @__PURE__ */ G(Kn, {
+					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 Xn() {
+	return Xn = 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;
+	}, Xn.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 Zn(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 Qn(e, t) {
+	return Qn = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+		return e.__proto__ = t, e;
+	}, Qn(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 $n(e, t) {
+	e.prototype = Object.create(t.prototype), e.prototype.constructor = e, Qn(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 er = (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;
+	}();
+})(), tr = typeof window < "u" && typeof document < "u" && window.document === document, nr = (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")();
+})(), rr = (function() {
+	return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(nr) : function(e) {
+		return setTimeout(function() {
+			return e(Date.now());
+		}, 1e3 / 60);
+	};
+})(), ir = 2;
+function ar(e, t) {
+	var n = !1, r = !1, i = 0;
+	function a() {
+		n && (n = !1, e()), r && s();
+	}
+	function o() {
+		rr(a);
+	}
+	function s() {
+		var e = Date.now();
+		if (n) {
+			if (e - i < ir) return;
+			r = !0;
+		} else n = !0, r = !1, setTimeout(o, t);
+		i = e;
+	}
+	return s;
+}
+var or = 20, sr = [
+	"top",
+	"right",
+	"bottom",
+	"left",
+	"width",
+	"height",
+	"size",
+	"weight"
+], cr = typeof MutationObserver < "u", lr = function() {
+	function e() {
+		this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = ar(this.refresh.bind(this), or);
+	}
+	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() {
+		!tr || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), cr ? (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() {
+		!tr || !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;
+		sr.some(function(e) {
+			return !!~n.indexOf(e);
+		}) && this.refresh();
+	}, e.getInstance = function() {
+		return this.instance_ ||= new e(), this.instance_;
+	}, e.instance_ = null, e;
+}(), ur = (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;
+}), dr = (function(e) {
+	return e && e.ownerDocument && e.ownerDocument.defaultView || nr;
+}), fr = Sr(0, 0, 0, 0);
+function pr(e) {
+	return parseFloat(e) || 0;
+}
+function mr(e) {
+	return [...arguments].slice(1).reduce(function(t, n) {
+		var r = e["border-" + n + "-width"];
+		return t + pr(r);
+	}, 0);
+}
+function hr(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] = pr(o);
+	}
+	return n;
+}
+function gr(e) {
+	var t = e.getBBox();
+	return Sr(0, 0, t.width, t.height);
+}
+function _r(e) {
+	var t = e.clientWidth, n = e.clientHeight;
+	if (!t && !n) return fr;
+	var r = dr(e).getComputedStyle(e), i = hr(r), a = i.left + i.right, o = i.top + i.bottom, s = pr(r.width), c = pr(r.height);
+	if (r.boxSizing === "border-box" && (Math.round(s + a) !== t && (s -= mr(r, "left", "right") + a), Math.round(c + o) !== n && (c -= mr(r, "top", "bottom") + o)), !yr(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 Sr(i.left, i.top, s, c);
+}
+var vr = (function() {
+	return typeof SVGGraphicsElement < "u" ? function(e) {
+		return e instanceof dr(e).SVGGraphicsElement;
+	} : function(e) {
+		return e instanceof dr(e).SVGElement && typeof e.getBBox == "function";
+	};
+})();
+function yr(e) {
+	return e === dr(e).document.documentElement;
+}
+function br(e) {
+	return tr ? vr(e) ? gr(e) : _r(e) : fr;
+}
+function xr(e) {
+	var t = e.x, n = e.y, r = e.width, i = e.height, a = Object.create((typeof DOMRectReadOnly < "u" ? DOMRectReadOnly : Object).prototype);
+	return ur(a, {
+		x: t,
+		y: n,
+		width: r,
+		height: i,
+		top: n,
+		right: t + r,
+		bottom: i + n,
+		left: t
+	}), a;
+}
+function Sr(e, t, n, r) {
+	return {
+		x: e,
+		y: t,
+		width: n,
+		height: r
+	};
+}
+var Cr = function() {
+	function e(e) {
+		this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = Sr(0, 0, 0, 0), this.target = e;
+	}
+	return e.prototype.isActive = function() {
+		var e = br(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;
+}(), wr = function() {
+	function e(e, t) {
+		var n = xr(t);
+		ur(this, {
+			target: e,
+			contentRect: n
+		});
+	}
+	return e;
+}(), Tr = function() {
+	function e(e, t, n) {
+		if (this.activeObservations_ = [], this.observations_ = new er(), 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 dr(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
+			var t = this.observations_;
+			t.has(e) || (t.set(e, new Cr(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 dr(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 wr(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;
+}(), Er = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new er(), Dr = 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 Tr(t, lr.getInstance(), this);
+		Er.set(this, n);
+	}
+	return e;
+}();
+[
+	"observe",
+	"unobserve",
+	"disconnect"
+].forEach(function(e) {
+	Dr.prototype[e] = function() {
+		var t;
+		return (t = Er.get(this))[e].apply(t, arguments);
+	};
+});
+var Or = (function() {
+	return nr.ResizeObserver === void 0 ? Dr : nr.ResizeObserver;
+})(), kr = [
+	"client",
+	"offset",
+	"scroll",
+	"bounds",
+	"margin"
+];
+function Ar(e) {
+	var t = [];
+	return kr.forEach(function(n) {
+		e[n] && t.push(n);
+	}), t;
+}
+function jr(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 Mr(e) {
+	return e && e.ownerDocument && e.ownerDocument.defaultView || window;
+}
+function Nr(e) {
+	return function(t) {
+		var n, r;
+		return r = n = /*#__PURE__*/ function(n) {
+			$n(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 = jr(t._node, e || Ar(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 = Mr(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 Or(this.measure), this._node !== null && (this._resizeObserver.observe(this._node), typeof this.props.onResize == "function" && this.props.onResize(jr(this._node, e || Ar(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, Ie(t, Xn({}, Zn(e, ["innerRef", "onResize"]), {
+					measureRef: this._handleRef,
+					measure: this.measure,
+					contentRect: this.state.contentRect
+				}));
+			}, r;
+		}(Fe), n.propTypes = {
+			client: Q.default.bool,
+			offset: Q.default.bool,
+			scroll: Q.default.bool,
+			bounds: Q.default.bool,
+			margin: Q.default.bool,
+			innerRef: Q.default.oneOfType([Q.default.object, Q.default.func]),
+			onResize: Q.default.func
+		}, r;
+	};
+}
+var Pr = Nr()(function(e) {
+	var t = e.measure, n = e.measureRef, r = e.contentRect, i = e.children;
+	return i({
+		measure: t,
+		measureRef: n,
+		contentRect: r
+	});
+});
+Pr.displayName = "Measure", Pr.propTypes.children = Q.default.func;
+//#endregion
+//#region ../../lib-react/config-ui/dist/layout/settings-box.js
+var Fr = E("div")(({ theme: e }) => ({
+	backgroundColor: e.palette.background.paper,
+	border: `2px solid ${e.palette.grey[200]}`,
+	display: "flex",
+	flexDirection: "column",
+	justifyContent: "flex-start",
+	minWidth: "275px",
+	maxWidth: "300px",
+	padding: "20px 4px 4px 20px",
+	zIndex: 99
+})), Ir = class extends U.Component {
+	static propTypes = {
+		className: Q.default.string,
+		children: Q.default.oneOfType([Q.default.arrayOf(Q.default.node), Q.default.node]).isRequired
+	};
+	static defaultProps = {};
+	render() {
+		let { className: e, children: t } = this.props;
+		return /* @__PURE__ */ G(Fr, {
+			className: e,
+			children: t
+		});
+	}
+}, Lr = F({
+	typography: { fontFamily: "inherit" },
+	components: { MuiButton: { styleOverrides: { contained: {
+		backgroundColor: "#e0e0e0",
+		color: "#000000",
+		"&:hover": { backgroundColor: "#bdbdbd" }
+	} } } }
+}), Rr = class extends U.Component {
+	static propTypes = {
+		children: Q.default.oneOfType([
+			Q.default.string,
+			Q.default.arrayOf(Q.default.element),
+			Q.default.element
+		]),
+		className: Q.default.string,
+		dimensions: Q.default.object,
+		settings: Q.default.element,
+		sidePanelMinWidth: Q.default.number,
+		hideSettings: Q.default.bool,
+		extraCSSRules: Q.default.shape({
+			names: Q.default.arrayOf(Q.default.string),
+			rules: Q.default.string
+		})
+	};
+	static defaultProps = {
+		sidePanelMinWidth: 1135,
+		hideSettings: !1,
+		dimensions: {}
+	};
+	constructor(...e) {
+		super(...e), this.state = { layoutMode: void 0 };
+	}
+	onResize = (e) => {
+		let { bounds: t } = e, { sidePanelMinWidth: n, dimensions: r } = this.props, { maxWidth: i } = r || {}, a = t.width > n && (!i || i > n) ? "inline" : "tabbed";
+		a !== this.state.layoutMode && this.setState({ layoutMode: a });
+	};
+	render() {
+		return /* @__PURE__ */ G(ge, {
+			injectFirst: !0,
+			children: /* @__PURE__ */ G(Ce, {
+				theme: Lr,
+				children: /* @__PURE__ */ G(Pr, {
+					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__ */ G(Ir, {
+							className: "settings-box",
+							children: n
+						}) : n;
+						return /* @__PURE__ */ K("div", {
+							ref: e,
+							className: "main-container extraCSSRules",
+							children: [a?.rules ? /* @__PURE__ */ G("style", { dangerouslySetInnerHTML: { __html: `.extraCSSRules { ${a.rules} }` } }) : null, /* @__PURE__ */ G(Yn, {
+								mode: o,
+								secondary: s,
+								dimensions: i,
+								children: t
+							})]
+						});
+					}
+				})
+			})
+		});
+	}
+}, zr = Nr("bounds")(Rr), Br = /* @__PURE__ */ Un({
+	ConfigLayout: () => zr,
+	LayoutContents: () => Yn
+}), Vr = E("div")(() => ({
+	display: "flex",
+	width: "100%",
+	justifyContent: "space-between"
+})), Hr = E(ce)(({ theme: e }) => ({
+	color: "rgba(0, 0, 0, 0.89)",
+	fontSize: e.typography.fontSize,
+	paddingTop: e.spacing(2)
+})), Ur = E(bn)(({ checked: e }) => ({
+	"&.Mui-checked .MuiSwitch-thumb": { color: `${C.tertiary()} !important` },
+	"&.Mui-checked .MuiSwitch-track": { backgroundColor: `${C.tertiaryLight()} !important` },
+	"& .MuiSwitch-track": { backgroundColor: e ? `${C.tertiaryLight()} !important` : void 0 }
+})), Wr = ({ checked: e, disabled: t, label: n, toggle: r }) => /* @__PURE__ */ K(Vr, { children: [/* @__PURE__ */ G(Hr, { children: n }), /* @__PURE__ */ G(Ur, {
+	checked: e,
+	disabled: t,
+	onChange: (e) => r(e.target.checked)
+})] });
+Wr.propTypes = {
+	checked: Q.default.bool,
+	disabled: Q.default.bool,
+	label: Q.default.string.isRequired,
+	toggle: Q.default.func.isRequired
+};
+//#endregion
+//#region ../../lib-react/config-ui/dist/settings/settings-radio-label.js
+var Gr = E(Mt)(({ theme: e }) => ({ "& .MuiFormControlLabel-label": {
+	color: "rgba(0, 0, 0, 0.89)",
+	fontSize: e.typography.fontSize - 2,
+	left: "-5px",
+	position: "relative"
+} })), Kr = E(tn)(() => ({ color: `${C.tertiary()} !important` })), qr = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ G(Gr, {
+	value: t,
+	control: /* @__PURE__ */ G(Kr, {
+		checked: n,
+		onChange: r
+	}),
+	label: e
+});
+qr.propTypes = {
+	label: Q.default.string,
+	value: Q.default.string,
+	checked: Q.default.bool,
+	onChange: Q.default.func
+};
+//#endregion
+//#region ../../lib-react/config-ui/dist/settings/panel.js
+var Jr = (0, at.default)("pie-lib:config-ui:settings:panel"), Yr = {
+	label: Q.default.string,
+	value: Q.default.string
+}, Xr = {
+	label: Q.default.string,
+	value: Q.default.string,
+	onChange: Q.default.func
+}, Zr = ({ label: e, value: t, onChange: n }) => /* @__PURE__ */ G(On, {
+	checked: t,
+	label: e,
+	onChange: (e) => {
+		n(e.target.checked);
+	}
+});
+Zr.propTypes = {
+	label: Q.default.string,
+	value: Q.default.bool,
+	onChange: Q.default.func
+};
+var Qr = E(Bn)(({ 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) }
+})), $r = ({ label: e, value: t, onChange: n, choices: r }) => /* @__PURE__ */ G(Qr, {
+	direction: "horizontal",
+	customLabel: qr,
+	value: t,
+	header: e,
+	opts: r,
+	onChange: n
+});
+$r.propTypes = {
+	...Xr,
+	choices: Q.default.arrayOf(Q.default.shape(Yr))
+};
+var ei = $r, ti = E("p")(({ theme: e }) => ({
+	margin: 0,
+	fontSize: e.typography.fontSize
+})), ni = E(Te)(({ theme: e }) => ({
+	marginTop: e.spacing(.5),
+	border: "2px solid lightgrey",
+	padding: `0 ${e.spacing(1)}`,
+	borderRadius: "4px"
+})), ri = ({ 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__ */ K("div", { children: [e && /* @__PURE__ */ G(ti, { children: e }), /* @__PURE__ */ G(ni, {
+		value: t || r && r[0],
+		onChange: ({ target: e }) => n(e.value),
+		input: /* @__PURE__ */ G(le, { id: `dropdown-${e}` }),
+		disableUnderline: !0,
+		MenuProps: { transitionDuration: {
+			enter: 225,
+			exit: 195
+		} },
+		children: r.map((e, t) => /* @__PURE__ */ G(xe, {
+			value: a(e),
+			children: i(e)
+		}, t))
+	})] });
+};
+ri.propTypes = {
+	...Xr,
+	choices: Q.default.arrayOf(Q.default.string)
+};
+var ii = E(L)(({ theme: e }) => ({
+	marginRight: e.spacing(3),
+	marginTop: e.spacing(1)
+})), ai = ({ label: e }) => /* @__PURE__ */ G(ii, { children: e }), oi = E(Mn)(({ 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"
+	}
+})), si = ({ label: e, value: t, onChange: n = () => {}, suffix: r, min: i, max: a }) => /* @__PURE__ */ G(oi, {
+	variant: "standard",
+	label: e || "Label",
+	value: t,
+	max: a,
+	min: i,
+	onChange: (e, t) => n(t),
+	suffix: r,
+	showErrorWhenOutsideRange: !0,
+	disableUnderline: !0
+});
+si.propTypes = {
+	...Xr,
+	suffix: Q.default.string,
+	min: Q.default.number,
+	max: Q.default.number,
+	value: Q.default.number
+}, ai.propTypes = { ...Xr };
+var ci = ({ disabled: e, label: t, value: n, onChange: r }) => /* @__PURE__ */ G(Wr, {
+	label: t,
+	checked: !!n,
+	disabled: !!e,
+	toggle: r
+});
+ci.propTypes = {
+	...Xr,
+	value: Q.default.bool
+};
+var li = {
+	toggle: ci,
+	radio: ei,
+	dropdown: ri,
+	numberField: si,
+	checkbox: Zr,
+	textField: ai
+}, ui = E("div")(({ theme: e }) => ({ margin: `0 0 ${e.spacing(2)} 0` })), di = E("div")(({ theme: e }) => ({
+	color: "#495B8F",
+	fontSize: e.typography.fontSize + 2,
+	fontWeight: 600,
+	marginBottom: e.spacing(1)
+})), fi = E("p")(({ theme: e }) => ({
+	fontSize: e.typography.fontSize,
+	marginBottom: 0
+})), pi = (e) => {
+	let { model: t, label: n, group: r, configuration: i, onChange: a } = e, o = (e, n, r) => {
+		let { isConfigProperty: o, ...s } = f(e, r || n), c = f(o ? i : t, n), l = {
+			...s,
+			key: n,
+			value: c
+		}, u = li[l.type];
+		return /* @__PURE__ */ G(u, {
+			...l,
+			onChange: (e) => a(n, e, o)
+		}, n);
+	}, s = (e, t) => {
+		let n = e[t];
+		if (!n) return null;
+		let { type: r, label: i, fields: a, choices: s } = n;
+		return r === "numberFields" ? /* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G(fi, { children: i }), Object.keys(a).map((n) => o(e, `${t}.${n}`, `${t}.fields.${n}`))] }, `numberField-${i}`) : r === "checkboxes" ? /* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("p", { children: i }), Object.keys(s).map((n) => o(e, `${t}.${n}`, `${t}.choices.${n}`))] }, `checkbox-${i}`) : o(e, t);
+	};
+	return /* @__PURE__ */ K(ui, { children: [/* @__PURE__ */ G(di, { children: n }), Object.keys(r).map((e) => s(r, e))] });
+};
+pi.propTypes = {
+	model: Q.default.object,
+	label: Q.default.string,
+	group: Q.default.object,
+	configuration: Q.default.object,
+	onChange: Q.default.func
+};
+var mi = class extends U.Component {
+	static propTypes = {
+		model: Q.default.object,
+		configuration: Q.default.object,
+		groups: Q.default.object,
+		onChangeModel: Q.default.func,
+		onChangeConfiguration: Q.default.func,
+		modal: Q.default.object
+	};
+	static defaultProps = {
+		onChangeModel: () => {},
+		onChangeConfiguration: () => {}
+	};
+	change = (e, t, n = !1) => {
+		Jr("[changeModel]", e, t);
+		let { onChangeModel: r, onChangeConfiguration: i } = this.props, a = { ...this.props.model }, o = { ...this.props.configuration };
+		n ? (tt(o, e, t), i(o, e)) : (tt(a, e, t), r(a, e));
+	};
+	render() {
+		let { groups: e, model: t, configuration: n, modal: r } = this.props;
+		return Jr("render:", t), /* @__PURE__ */ K("div", { children: [Object.keys(e || {}).map((r) => Object.entries(e[r]).some(([, e]) => !!e) ? /* @__PURE__ */ G(pi, {
+			label: r,
+			model: t,
+			configuration: n,
+			group: e[r],
+			onChange: this.change
+		}, r) : null), r] });
+	}
+}, hi = /* @__PURE__ */ Un({
+	Panel: () => mi,
+	checkbox: () => Ci,
+	checkboxes: () => wi,
+	dropdown: () => bi,
+	numberField: () => xi,
+	numberFields: () => Si,
+	radio: () => yi,
+	textField: () => gi,
+	toggle: () => _i
+}), gi = (e, t = !0) => ({
+	label: e,
+	type: "textField",
+	isConfigProperty: t
+}), _i = (e, t = !1, n = !1) => ({
+	type: "toggle",
+	label: e,
+	isConfigProperty: t,
+	disabled: n
+}), vi = (e) => typeof e == "string" ? {
+	label: e,
+	value: e
+} : e, yi = function() {
+	let [e, t, n = !1] = Array.prototype.slice.call(arguments);
+	return {
+		type: "radio",
+		label: e,
+		choices: t && t.map((e) => vi(e)),
+		isConfigProperty: n
+	};
+}, bi = (e, t, n = !1) => ({
+	type: "dropdown",
+	label: e,
+	choices: t,
+	isConfigProperty: n
+}), xi = (e, t, n = !1) => ({
+	...t,
+	label: e,
+	type: "numberField",
+	isConfigProperty: n
+}), Si = (e, t, n = !1) => (Object.keys(t).map((e) => {
+	t[e] = xi(t[e].label, t[e], n);
+}), {
+	type: "numberFields",
+	label: e,
+	fields: t
+}), Ci = (e, t, n = !1) => ({
+	...t,
+	label: e,
+	type: "checkbox",
+	isConfigProperty: n
+}), wi = (e, t, n = !1) => (Object.keys(t).map((e) => {
+	t[e] = Ci(t[e].label, t[e], n);
+}), {
+	type: "checkboxes",
+	label: e,
+	choices: t
+});
+//#endregion
+//#region ../../lib-react/config-ui/dist/index.js
+function Ti(e) {
+	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
+}
+function Ei(e, t) {
+	return !e || Ti(e) ? e : Ti(e.default) ? e.default : t && Ti(e[t]) ? e[t] : t && Ti(e[t]?.default) ? e[t].default : e;
+}
+var Di = Ei(Ae, "InputContainer") || Ei(Ai.InputContainer, "InputContainer"), Oi = ye, ki = Oi.default, Ai = ki && typeof ki == "object" ? ki : Oi, ji = A(/*#__PURE__*/ G("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-6h2zm0-8h-2V7h2z" }), "Info"), Mi = "imes|riangle|an|heta|herefore", Ni = "throot|parallel|cong|approx|eq|e|sim", Pi = RegExp(`(\\t(?!${Mi}))|(\\n(?!${Ni}))|(\\\\t(?!${Mi}))|(\\\\n(?!${Ni}))`, "g"), Fi = (e) => e.replace(Pi, "").replace(/\\"/g, "\"").replace(/\\\//g, "/"), Ii = (e = "") => {
+	let t = document.createElement("div");
+	return t.innerHTML = e.trim(), t;
+}, Li = (e) => {
+	let t = Ii(Fi(e || "") || ""), n = 0;
+	return t.querySelectorAll("[data-type=\"explicit_constructed_response\"]").forEach((e) => {
+		e.replaceWith(`{{${n++}}}`);
+	}), t.innerHTML;
+}, Ri = /\{\{(\d+)\}\}/g, zi = (e, t) => e ? Fi(e).replace(Ri, (e, n) => `<span data-type="explicit_constructed_response" data-index="${n}" data-value="${Ke(t[n][0].label || "")}"></span>`) : "", Bi = (e) => e <= 2 ? e + 2 : e <= 4 ? e + 3 : e <= 6 ? e + 4 : e + 5, Vi = (e) => typeof e == "string" ? e.replace(/<\/?[^>]+(>|$)/g, "") : "", Hi = (e) => new DOMParser().parseFromString(e, "text/html").body.textContent || "", Ui = E(B)(({ theme: e }) => ({
+	backgroundColor: e.palette.common.white,
+	outline: "none",
+	lineHeight: "15px"
+})), Wi = class extends U.Component {
+	static propTypes = {
+		correctChoice: Q.default.object,
+		node: Q.default.object,
+		pos: Q.default.number,
+		onDone: Q.default.func,
+		onChangeResponse: Q.default.func.isRequired,
+		onToolbarDone: Q.default.func.isRequired,
+		value: Q.default.shape({
+			change: Q.default.func.isRequired,
+			document: Q.default.shape({ getNextText: Q.default.func.isRequired })
+		}),
+		editor: Q.default.object,
+		maxLengthPerChoiceEnabled: Q.default.bool,
+		pluginProps: Q.default.object,
+		spellCheck: Q.default.bool
+	};
+	state = {
+		markup: "",
+		toolbarStyle: {}
+	};
+	componentDidMount() {
+		let { correctChoice: e, node: t, editor: n } = this.props, r = e || {}, i = n.view.nodeDOM(n.state.selection.from);
+		if (i?.nodeType === 1) {
+			let e = i.getBoundingClientRect(), t = i.closest(".tiptap").getBoundingClientRect();
+			e.top - t.top, e.left - t.left, this.setState({
+				markup: r.label,
+				toolbarStyle: {
+					position: "absolute",
+					top: 0,
+					left: 0,
+					width: `${e.width - 4}px`
+				}
+			});
+		}
+	}
+	onDone = (e) => {
+		let { editor: t, node: n, onToolbarDone: r, onChangeResponse: i, pos: a } = this.props, o = Vi(e);
+		this.setState({ markup: o });
+		let { tr: s } = t.state, c = s.doc.nodeAt(a);
+		if (!c || c.isText || !c.isAtom || !c.isInline) return !1;
+		s.setNodeMarkup(a, void 0, {
+			...n.attrs,
+			value: o
+		}), t.view.dispatch(s), r(!0), i(o);
+	};
+	onRespAreaChange = (e) => {
+		this.setState({ respAreaMarkup: e });
+	};
+	onKeyDown = (e) => e.key === "Enter";
+	onBlur = () => {
+		this.clickedInside &&= !1;
+	};
+	render() {
+		let { maxLengthPerChoiceEnabled: e, pluginProps: t, spellCheck: n } = this.props, { markup: r, toolbarStyle: i } = this.state, a = e ? {} : { maxLength: 25 };
+		return /* @__PURE__ */ G("div", {
+			style: i,
+			children: /* @__PURE__ */ G(Ui, {
+				autoFocus: !0,
+				disableUnderline: !0,
+				onChange: (e) => {
+					this.preventDone || this.onRespAreaChange(e);
+				},
+				onDone: (e) => {
+					this.preventDone || this.onDone(e);
+				},
+				onBlur: (e) => {
+					this.preventDone = e.relatedTarget && e.relatedTarget.closest(".insert-character-dialog"), this.onBlur(e);
+				},
+				onKeyDown: this.onKeyDown,
+				markup: r || "",
+				activePlugins: ["languageCharacters"],
+				pluginProps: t,
+				languageCharactersProps: [{ language: "spanish" }],
+				minHeight: "15px",
+				maxHeight: "15px",
+				spellCheck: n,
+				autoWidthToolbar: !0,
+				toolbarOpts: {
+					minWidth: "auto",
+					isHidden: !!t?.characters?.disabled
+				},
+				...a
+			})
+		});
+	}
+}, Gi = E("div")(({ theme: e }) => ({ marginBottom: e.spacing(.5) })), Ki = E("div")(({ theme: e }) => ({
+	alignItems: "flex-start",
+	flexDirection: "column",
+	display: "flex",
+	paddingTop: e.spacing(2.5),
+	"& > *": {
+		marginBottom: e.spacing(2.5),
+		width: "100%"
+	}
+})), qi = E(B)(({ theme: e, hasError: t }) => ({
+	flex: "1",
+	marginRight: e.spacing(2.5),
+	...t && {
+		border: `2px solid ${e.palette.error.main}`,
+		borderRadius: "6px"
+	}
+})), Ji = E(ue)(({ theme: e }) => ({ "& svg": { fill: e.palette.grey[600] } })), Yi = E("div")({
+	alignItems: "flex-end",
+	display: "flex",
+	justifyContent: "space-between",
+	width: "100%"
+}), Xi = E("div")({
+	alignItems: "center",
+	display: "flex"
+}), Zi = E(oe)(({ theme: e }) => ({
+	width: "230px",
+	marginRight: e.spacing(2.5),
+	"& .MuiInput-underline:before": { borderBottomColor: e.palette.divider },
+	"& .MuiInput-underline:hover:not(.Mui-disabled):before": { borderBottomColor: e.palette.text.primary },
+	"& .MuiInput-underline:after": { borderBottomColor: e.palette.primary.main }
+})), Qi = E("div")(({ theme: e }) => ({
+	fontSize: e.typography.fontSize - 2,
+	color: e.palette.error.main,
+	paddingTop: e.spacing(.5)
+})), $i = E("div")({
+	alignItems: "center",
+	display: "flex",
+	justifyContent: "space-between"
+}), ea = class extends U.Component {
+	static propTypes = {
+		error: Q.default.string,
+		markup: Q.default.string,
+		onChange: Q.default.func.isRequired,
+		onDelete: Q.default.func.isRequired,
+		value: Q.default.string,
+		spellCheck: Q.default.bool,
+		showMaxLength: Q.default.bool,
+		pluginProps: Q.default.object
+	};
+	state = { value: this.props.markup };
+	updateText = Se(this.props.onChange, 300);
+	UNSAFE_componentWillReceiveProps(e) {
+		e.markup && this.setState({ value: e.markup });
+	}
+	onChange = (e) => {
+		let t = Vi(e);
+		this.setState({ value: t }), this.updateText(t);
+	};
+	onKeyDown = (e) => {
+		if (e.key === "Enter") return !0;
+	};
+	render() {
+		let { value: e } = this.state, { onDelete: t, spellCheck: n, error: r, showMaxLength: i, pluginProps: a } = this.props, o = i ? {} : { maxLength: 25 };
+		return /* @__PURE__ */ K(U.Fragment, { children: [/* @__PURE__ */ K($i, { children: [/* @__PURE__ */ G(qi, {
+			hasError: !!r,
+			disableUnderline: !0,
+			onChange: this.onChange,
+			onKeyDown: this.onKeyDown,
+			markup: e || "",
+			activePlugins: ["languageCharacters"],
+			pluginProps: a,
+			languageCharactersProps: [{ language: "spanish" }],
+			spellCheck: n,
+			autoWidthToolbar: !0,
+			toolbarOpts: {
+				minWidth: "auto",
+				isHidden: !!a?.characters?.disabled
+			},
+			...o
+		}), /* @__PURE__ */ G(Ji, {
+			"aria-label": "delete",
+			onClick: t,
+			size: "large",
+			children: /* @__PURE__ */ G(De, {})
+		})] }), r && /* @__PURE__ */ G(Qi, { children: r })] });
+	}
+}, ta = class extends U.Component {
+	static propTypes = {
+		choices: Q.default.array,
+		selectChoices: Q.default.array.isRequired,
+		errors: Q.default.object,
+		onSelect: Q.default.func.isRequired,
+		choiceChanged: Q.default.func.isRequired,
+		lengthChanged: Q.default.func,
+		choiceRemoved: Q.default.func.isRequired,
+		value: Q.default.string,
+		maxLength: Q.default.number,
+		showMaxLength: Q.default.bool,
+		spellCheck: Q.default.bool,
+		pluginProps: Q.default.object
+	};
+	state = {};
+	UNSAFE_componentWillReceiveProps(e) {
+		this.updateChoicesIfNeeded(e);
+	}
+	componentDidMount() {
+		this.updateChoicesIfNeeded(this.props);
+	}
+	updateChoicesIfNeeded = (e) => {
+		(!this.state.choices || !se(e.choices, this.state.choices) || !se(e.choices, this.props.choices)) && this.setState({ choices: e.choices });
+	};
+	handleSelect = (e) => {
+		let { onSelect: t, selectChoices: n } = this.props, { value: r } = e.target;
+		t(n.find((e) => e.value === r));
+	};
+	onAddChoice = () => {
+		let { choices: e } = this.state;
+		if (e.length && e[e.length - 1].label !== "") {
+			let t = Xe(e.map((e) => parseInt(e.value)).filter((e) => !isNaN(e))) || 0;
+			this.setState({ choices: [...e, {
+				value: `${t + 1}`,
+				label: ""
+			}] });
+		}
+	};
+	onChoiceChanged = (e, t, n) => {
+		let { choiceChanged: r, lengthChanged: i, maxLength: a, choices: o } = this.props, s = o.map((e) => Hi(e.label || "").length);
+		s[n] = Hi(t).length;
+		let c = Math.max(...s);
+		r({
+			...e,
+			label: t
+		}), (c > a || c + 10 <= a) && i(Bi(c));
+	};
+	onRemoveChoice = (e) => {
+		let { choiceRemoved: t } = this.props;
+		t(e.value);
+	};
+	getChoicesMaxLength = () => {
+		let { choices: e } = this.state;
+		if (!e) return 1;
+		let t = e.map((e) => Hi(e.label || "").length);
+		return Math.max(...t);
+	};
+	changeLength = (e) => {
+		let { lengthChanged: t } = this.props, n = parseInt(e.target.value, 10), r = this.getChoicesMaxLength();
+		n && n >= r && n <= r + 10 && t(n);
+	};
+	render() {
+		let { selectChoices: e, maxLength: t, showMaxLength: n, value: r, spellCheck: i, errors: a, pluginProps: o } = this.props, { choices: s } = this.state, c = this.getChoicesMaxLength();
+		return /* @__PURE__ */ K(Gi, { children: [
+			/* @__PURE__ */ K(Yi, { children: [/* @__PURE__ */ K(Te, {
+				variant: "standard",
+				displayEmpty: !0,
+				onChange: this.handleSelect,
+				value: r || "",
+				readOnly: n,
+				MenuProps: { transitionDuration: {
+					enter: 225,
+					exit: 195
+				} },
+				children: [/* @__PURE__ */ G(xe, {
+					value: "",
+					children: /* @__PURE__ */ G("em", { children: r ? "Remove selection" : "Select a response" })
+				}), e.map((e, t) => /* @__PURE__ */ G(xe, {
+					value: e?.value,
+					children: Hi(e?.label)
+				}, t))]
+			}), s && s.length > 0 && /* @__PURE__ */ K(Xi, { children: [t && n && /* @__PURE__ */ G(Zi, {
+				variant: "standard",
+				label: "Maximum length (characters)",
+				type: "number",
+				inputProps: {
+					min: c,
+					max: c + 10
+				},
+				value: t,
+				onChange: this.changeLength
+			}), /* @__PURE__ */ G(re, {
+				variant: "contained",
+				color: "primary",
+				onClick: this.onAddChoice,
+				children: "Add"
+			})] })] }),
+			a && a[0] && /* @__PURE__ */ G(Qi, { children: a[0] }),
+			/* @__PURE__ */ G(Ki, { children: s && s.map((e, t) => t > 0 && /* @__PURE__ */ G(ea, {
+				markup: e.label,
+				onChange: (n) => this.onChoiceChanged(e, n, t),
+				onDelete: () => this.onRemoveChoice(e),
+				spellCheck: i,
+				error: a && a[t],
+				showMaxLength: n,
+				pluginProps: o
+			}, t)) })
+		] });
+	}
+}, na = class extends U.Component {
+	static propTypes = {
+		choicesErrors: Q.default.object,
+		model: Q.default.object.isRequired,
+		onChange: Q.default.func.isRequired,
+		onLengthChange: Q.default.func.isRequired,
+		maxLengthPerChoiceEnabled: Q.default.bool.isRequired,
+		spellCheck: Q.default.bool,
+		pluginProps: Q.default.object
+	};
+	state = { maxLengthPerChoice: J(this.props.model.maxLengthPerChoice) };
+	UNSAFE_componentWillReceiveProps(e) {
+		this.updateChoicesIfNeeded(e);
+	}
+	componentDidMount() {
+		this.updateChoicesIfNeeded(this.props);
+	}
+	updateChoicesIfNeeded = (e) => {
+		if (!this.state.choices || !se(this.state.choices, e.model.choices) || !se(e.model.choices, this.props.model.choices) || this.state.values && Object.keys(this.state.values).length !== Object.keys(this.props.model.choices).length || e.maxLengthPerChoiceEnabled !== this.props.maxLengthPerChoiceEnabled) {
+			let { choices: t, maxLengthPerChoice: n } = e.model, r = Pe(t, (t, n, r) => (n && (e.maxLengthPerChoiceEnabled || n.length > 1) && (t[r] = n[0]), t), {});
+			this.setState({
+				choices: e.model.choices,
+				values: r,
+				maxLengthPerChoice: J(n)
+			});
+		}
+	};
+	getRemainingChoices = (e) => {
+		let { choices: t } = this.state;
+		return Pe(t, (t, n, r) => (n && n.length === 1 && !e && t.push({
+			label: n[0].label,
+			value: r
+		}), t), []);
+	};
+	onChoiceChanged = (e, t) => {
+		let { onChange: n } = this.props, { choices: r } = this.state, i = r[t] || [], a = !i.find((t) => t.value === e.value), o = i.reduce((t, n) => {
+			let r = n.value === e.value ? e : n;
+			return t.push(r), t;
+		}, []);
+		a && o.push(e), n({
+			...r,
+			[t]: o
+		});
+	};
+	onChoiceRemoved = (e, t) => {
+		let { onChange: n } = this.props, { choices: r } = this.state, i = (r[t] || []).reduce((t, n) => (n.value === e || t.push(n), t), []);
+		n({
+			...r,
+			[t]: i
+		});
+	};
+	onSectionSelect = (e, t) => {
+		let { onChange: n } = this.props, { choices: r, values: i } = this.state;
+		r[t] && r[t].length > 1 ? e || n({
+			...r,
+			[t]: [r[t][0]]
+		}) : this.setState({
+			choices: {
+				...r,
+				[t]: [...r[t], {
+					label: "",
+					value: "1"
+				}]
+			},
+			values: {
+				...i,
+				[t]: r[t][0]
+			}
+		});
+	};
+	onLengthChanged = (e, t) => {
+		let { model: n, onLengthChange: r } = this.props, { maxLengthPerChoice: i } = n;
+		i[t] = e, r(i);
+	};
+	render() {
+		let { choices: e } = this.state, { model: { maxLengthPerChoice: t, maxLengthPerChoiceEnabled: n }, spellCheck: r, choicesErrors: i, pluginProps: a } = this.props;
+		return /* @__PURE__ */ K("div", { children: [Ne(e, (e, o) => {
+			if (e && (n || e.length > 1)) {
+				let s = this.state.values[o];
+				return /* @__PURE__ */ G(ta, {
+					value: s && s.value,
+					errors: i && i[o],
+					onSelect: (e) => this.onSectionSelect(e, o),
+					choiceChanged: (e) => this.onChoiceChanged(e, o),
+					choiceRemoved: (e) => this.onChoiceRemoved(e, o),
+					lengthChanged: (e) => this.onLengthChanged(e, o),
+					selectChoices: [s],
+					choices: e,
+					maxLength: t[o],
+					showMaxLength: n,
+					spellCheck: r,
+					pluginProps: a
+				}, o);
+			}
+		}), e && Object.keys(this.state.values).length !== Object.keys(e).length && /* @__PURE__ */ G(ta, {
+			value: "",
+			onSelect: (e) => this.onSectionSelect(e, e.value),
+			choiceChanged: (e) => this.onChoiceChanged(e),
+			choiceRemoved: (e) => this.onChoiceRemoved(e),
+			selectChoices: this.getRemainingChoices(),
+			spellCheck: r,
+			pluginProps: a
+		})] });
+	}
+}, ra = (e) => {
+	let { maxResponseAreas: t } = e;
+	return "Validation requirements:" + ("\nCorrect answers should not be blank.\nEach answer defined for a response area should be unique.\nThere should be at least 1 " + (t ? `and at most ${t} ` : "") + "response area" + (t ? "s" : "") + " defined.");
+}, { toggle: $, Panel: ia, dropdown: aa } = hi, oa = E(Di)(({ theme: e }) => ({
+	width: "100%",
+	paddingTop: e.spacing(1),
+	marginTop: e.spacing(2),
+	marginBottom: e.spacing(2)
+})), sa = E(B)(({ theme: e }) => ({
+	minHeight: "100px",
+	paddingTop: e.spacing(1),
+	width: "100%",
+	"& [data-slate-editor=\"true\"]": { minHeight: "100px" }
+})), ca = E(L)(({ theme: e }) => ({ fontSize: e.typography.fontSize + 2 })), la = E(pn)(({ theme: e }) => ({ "& .MuiTooltip-tooltip": {
+	fontSize: e.typography.fontSize - 2,
+	whiteSpace: "pre",
+	maxWidth: "500px"
+} })), ua = E("div")(({ theme: e }) => ({
+	fontSize: e.typography.fontSize - 2,
+	color: e.palette.error.main,
+	paddingTop: e.spacing(1)
+})), da = E("div")({
+	display: "flex",
+	alignItems: "center"
+}), fa = E(L)(({ theme: e }) => ({
+	fontSize: e.typography.fontSize + 2,
+	marginTop: e.spacing(3),
+	marginBottom: e.spacing(1)
+})), pa = (e) => {
+	let t = document.createElement("div");
+	return t.innerHTML = e.trim(), t;
+}, ma = class extends U.Component {
+	static propTypes = {
+		configuration: Q.default.object.isRequired,
+		model: Q.default.object.isRequired,
+		disableSidePanel: Q.default.bool,
+		onModelChanged: Q.default.func.isRequired,
+		onConfigurationChanged: Q.default.func.isRequired,
+		imageSupport: Q.default.shape({
+			add: Q.default.func.isRequired,
+			delete: Q.default.func.isRequired
+		}),
+		uploadSoundSupport: Q.default.object
+	};
+	state = {};
+	componentDidMount() {
+		let { model: { slateMarkup: e, choices: t, maxLengthPerChoice: n = [] }, onModelChanged: r } = this.props, i = !n.length;
+		this.setState({ markup: e }), Object.values(t).forEach((e, t) => {
+			let r = e.map((e) => Hi(e.label || "").length), a = Math.max(...r);
+			(i || !n[t] || n[t] < a || n[t] > a + 10) && (n[t] = Bi(a));
+		}), r({ maxLengthPerChoice: n });
+	}
+	onModelChange = (e) => {
+		this.props.onModelChanged({ ...e });
+	};
+	onPromptChanged = (e) => {
+		this.props.onModelChanged({ prompt: e });
+	};
+	onRationaleChanged = (e) => {
+		this.props.onModelChanged({ rationale: e });
+	};
+	onTeacherInstructionsChanged = (e) => {
+		let { onModelChanged: t } = this.props;
+		t({ teacherInstructions: e });
+	};
+	onMarkupChanged = (e) => {
+		this.props.onModelChanged({ slateMarkup: e });
+	};
+	onResponsesChanged = (e) => {
+		this.props.onModelChanged({ choices: e });
+	};
+	onLengthChanged = (e) => {
+		let { onModelChanged: t } = this.props;
+		t({ maxLengthPerChoice: e });
+	};
+	onChangeResponse = (e, t) => {
+		let { model: n, onModelChanged: r } = this.props, { choices: i } = n, { maxLengthPerChoice: a } = n, o = Hi(t || "").length;
+		if (!i[e] || !i[e].length) {
+			i[e] = [{
+				label: t || "",
+				value: "0"
+			}];
+			let n = e > a.length ? e - a.length : 0;
+			a = [...a, ...Array(n).fill(1)], a.splice(e, 0, Bi(o));
+		} else i[e][0].label = t || "", a && (a[e] < o || a[e] > o + 10) && (a[e] = Bi(o));
+		r({
+			choices: i,
+			maxLengthPerChoice: a
+		});
+	};
+	onChange = (e) => {
+		let { model: { choices: t, maxLengthPerChoice: n }, onModelChanged: r } = this.props, i = pa(e), a = i.querySelectorAll("[data-type=\"explicit_constructed_response\"]"), o = {}, s = [];
+		a.forEach((e, r) => {
+			let i = J(t[e.dataset.index]);
+			i && (i[0] = {
+				label: e.dataset.value || "",
+				value: "0"
+			}, s[r] = n[e.dataset.index]), o[r] = i, e.dataset.index = r;
+		}), this.setState({ cachedChoices: void 0 }, () => r({
+			choices: o,
+			slateMarkup: i.innerHTML,
+			maxLengthPerChoice: s
+		}));
+	};
+	onHandleAreaChange = rt((e) => {
+		let { model: { choices: t }, onModelChanged: n } = this.props, { cachedChoices: r } = this.state;
+		if (!e) return;
+		let i = t ? J(t) : {}, a = r ? J(r) : {};
+		e.forEach((e) => {
+			let t = e.index;
+			!i[t] && a[t] ? (Object.assign(i, et(a, t)), Object.prototype.hasOwnProperty.call(a, t) && delete a[t]) : (Object.assign(a, et(i, t)), Object.prototype.hasOwnProperty.call(i, t) && delete i[t]);
+		}), this.setState({ cachedChoices: a }, () => n({ choices: i }));
+	}, 500, {
+		trailing: !1,
+		leading: !0
+	});
+	render() {
+		let { model: e, configuration: t, onConfigurationChanged: n, imageSupport: r, uploadSoundSupport: i } = this.props, { baseInputConfiguration: a = {}, contentDimensions: o = {}, maxImageWidth: s = {}, maxImageHeight: c = {}, maxLengthPerChoice: l = {}, maxResponseAreas: u, partialScoring: d = {}, playerSpellCheck: f = {}, prompt: m = {}, rationale: h = {}, template: g = {}, settingsPanelDisabled: _, spellCheck: v = {}, editSource: y = {}, teacherInstructions: b = {}, withRubric: x = {}, mathMlOptions: S = {}, language: C = {}, languageChoices: w = {}, spanishButton: T = {}, responseAreaInputConfiguration: E = {} } = t || {}, { errors: D, extraCSSRules: ee, maxLengthPerChoiceEnabled: O, promptEnabled: k, rationaleEnabled: A, spellCheckEnabled: te, teacherInstructionsEnabled: j, toolbarEditorPosition: ne } = e || {}, { choices: re = {}, prompt: M, rationale: ie, responseAreas: N, teacherInstructions: ae } = D || {}, P = ra(t), F = s && s.prompt, oe = c && c.prompt, se = { position: ne === "top" ? "top" : "bottom" }, ce = {
+			partialScoring: d.settings && $(d.label),
+			maxLengthPerChoiceEnabled: l.settings && $(l.label),
+			"language.enabled": C.settings && $(C.label, !0),
+			language: C.settings && C.enabled && aa(w.label, w.options),
+			"responseAreaInputConfiguration.inputConfiguration.characters.disabled": T.settings && $(T.label, !0)
+		}, le = {
+			teacherInstructionsEnabled: b.settings && $(b.label),
+			rationaleEnabled: h.settings && $(h.label),
+			promptEnabled: m.settings && $(m.label),
+			spellCheckEnabled: v.settings && $(v.label),
+			playerSpellCheckEnabled: f.settings && $(f.label),
+			rubricEnabled: x?.settings && $(x?.label),
+			"editSource.enabled": y?.settings && $(y.label, !0)
+		}, I = (e = {}) => ({
+			...a,
+			...e
+		});
+		return /* @__PURE__ */ K(Br.ConfigLayout, {
+			extraCSSRules: ee,
+			dimensions: o,
+			hideSettings: _,
+			settings: /* @__PURE__ */ G(ia, {
+				model: e,
+				configuration: t,
+				onChangeModel: (e) => this.onModelChange(e),
+				onChangeConfiguration: (e) => n(e, !0),
+				groups: {
+					Settings: ce,
+					Properties: le
+				}
+			}),
+			children: [
+				j && /* @__PURE__ */ K(oa, {
+					label: b.label,
+					children: [/* @__PURE__ */ G(B, {
+						className: "prompt",
+						markup: e.teacherInstructions || "",
+						onChange: this.onTeacherInstructionsChanged,
+						imageSupport: r,
+						nonEmpty: !1,
+						error: ae,
+						toolbarOpts: se,
+						pluginProps: I(b?.inputConfiguration),
+						spellCheck: te,
+						maxImageWidth: s && s.teacherInstructions || F,
+						maxImageHeight: c && c.teacherInstructions || oe,
+						uploadSoundSupport: i,
+						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
+						mathMlOptions: S,
+						autoWidthToolbar: !0
+					}), ae && /* @__PURE__ */ G(ua, { children: ae })]
+				}),
+				k && /* @__PURE__ */ K(oa, {
+					label: m.label,
+					children: [/* @__PURE__ */ G(B, {
+						className: "prompt",
+						markup: e.prompt,
+						onChange: this.onPromptChanged,
+						imageSupport: r,
+						nonEmpty: !1,
+						disableUnderline: !0,
+						error: M,
+						toolbarOpts: se,
+						pluginProps: I(m?.inputConfiguration),
+						spellCheck: te,
+						maxImageWidth: F,
+						maxImageHeight: oe,
+						uploadSoundSupport: i,
+						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
+						mathMlOptions: S,
+						autoWidthToolbar: !0
+					}), M && /* @__PURE__ */ G(ua, { children: M })]
+				}),
+				/* @__PURE__ */ K(da, { children: [/* @__PURE__ */ G(ca, {
+					component: "div",
+					children: "Define Template, Choices, and Correct Responses"
+				}), /* @__PURE__ */ G(la, {
+					disableFocusListener: !0,
+					disableTouchListener: !0,
+					placement: "right",
+					title: P,
+					children: /* @__PURE__ */ G(ji, {
+						fontSize: "small",
+						color: "primary",
+						style: { marginLeft: "8px" }
+					})
+				})] }),
+				/* @__PURE__ */ G(sa, {
+					activePlugins: pe,
+					toolbarOpts: { position: "top" },
+					spellCheck: te,
+					pluginProps: I(g?.inputConfiguration),
+					responseAreaProps: {
+						type: "explicit-constructed-response",
+						options: { duplicates: !0 },
+						maxResponseAreas: u,
+						respAreaToolbar: (e, t, n) => {
+							let [r, i] = e, { model: a } = this.props, o = (a.choices[r.attrs.index] || [])[0];
+							return () => /* @__PURE__ */ G(Wi, {
+								onChangeResponse: (e) => this.onChangeResponse(r.attrs.index, e),
+								node: r,
+								pos: i,
+								editor: t,
+								onToolbarDone: n,
+								correctChoice: o,
+								maxLengthPerChoiceEnabled: O,
+								pluginProps: I(E?.inputConfiguration)
+							});
+						},
+						error: () => re,
+						onHandleAreaChange: this.onHandleAreaChange
+					},
+					markup: e.slateMarkup,
+					onChange: this.onChange,
+					imageSupport: r,
+					disableImageAlignmentButtons: !0,
+					onBlur: this.onBlur,
+					disabled: !1,
+					highlightShape: !1,
+					error: N,
+					uploadSoundSupport: i,
+					languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
+					mathMlOptions: S,
+					autoWidthToolbar: !0
+				}),
+				N && /* @__PURE__ */ G(ua, { children: N }),
+				!p(e.choices) && /* @__PURE__ */ G(fa, { children: `Define Alternates ${O ? "and Character Limits" : ""}` }),
+				/* @__PURE__ */ G(na, {
+					model: e,
+					onChange: this.onResponsesChanged,
+					onLengthChange: this.onLengthChanged,
+					maxLengthPerChoiceEnabled: O,
+					spellCheck: te,
+					choicesErrors: re,
+					pluginProps: I(E?.inputConfiguration)
+				}),
+				A && /* @__PURE__ */ K(oa, {
+					label: h.label,
+					children: [/* @__PURE__ */ G(B, {
+						className: "prompt",
+						markup: e.rationale || "",
+						onChange: this.onRationaleChanged,
+						imageSupport: r,
+						error: ie,
+						toolbarOpts: se,
+						pluginProps: I(h?.inputConfiguration),
+						spellCheck: te,
+						maxImageWidth: s && s.rationale || F,
+						maxImageHeight: c && c.rationale || oe,
+						uploadSoundSupport: i,
+						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
+						mathMlOptions: S,
+						autoWidthToolbar: !0
+					}), ie && /* @__PURE__ */ G(ua, { children: ie })]
+				})
+			]
+		});
+	}
+}, ha = {
+	model: {
+		choices: {},
+		displayType: "block",
+		markup: "",
+		maxLengthPerChoiceEnabled: !0,
+		playerSpellCheckEnabled: !0,
+		prompt: "",
+		promptEnabled: !0,
+		rationale: "",
+		rationaleEnabled: !0,
+		spellCheckEnabled: !0,
+		studentInstructionsEnabled: !0,
+		teacherInstructions: "",
+		teacherInstructionsEnabled: !0,
+		toolbarEditorPosition: "bottom",
+		responseAreaInputConfiguration: {}
+	},
+	configuration: {
+		baseInputConfiguration: {
+			h3: { disabled: !0 },
+			html: { disabled: !0 },
+			audio: { disabled: !1 },
+			video: { disabled: !1 },
+			image: { disabled: !1 },
+			textAlign: { disabled: !0 },
+			showParagraphs: { disabled: !1 },
+			separateParagraphs: { disabled: !0 }
+		},
+		prompt: {
+			settings: !0,
+			label: "Prompt",
+			inputConfiguration: {
+				audio: { disabled: !1 },
+				video: { disabled: !1 },
+				image: { disabled: !1 }
+			},
+			required: !1
+		},
+		partialScoring: {
+			settings: !1,
+			label: "Allow Partial Scoring"
+		},
+		rationale: {
+			settings: !0,
+			label: "Rationale",
+			inputConfiguration: {
+				audio: { disabled: !1 },
+				video: { disabled: !1 },
+				image: { disabled: !1 }
+			},
+			required: !1
+		},
+		settingsPanelDisabled: !1,
+		spellCheck: {
+			label: "Spellcheck",
+			settings: !1,
+			enabled: !0
+		},
+		editSource: {
+			label: "Edit Source",
+			settings: !1,
+			enabled: !1
+		},
+		playerSpellCheck: {
+			label: "Student Spellcheck",
+			settings: !0,
+			enabled: !0
+		},
+		teacherInstructions: {
+			settings: !0,
+			label: "Teacher Instructions",
+			inputConfiguration: {
+				audio: { disabled: !1 },
+				video: { disabled: !1 },
+				image: { disabled: !1 }
+			},
+			required: !1
+		},
+		template: { inputConfiguration: {
+			audio: { disabled: !1 },
+			video: { disabled: !1 },
+			image: { disabled: !1 },
+			h3: { disabled: !0 },
+			blockquote: { disabled: !0 }
+		} },
+		maxLengthPerChoice: {
+			settings: !0,
+			label: "Maximum Length Per Choice"
+		},
+		maxResponseAreas: 10,
+		maxImageWidth: {
+			teacherInstructions: 300,
+			prompt: 300,
+			rationale: 300
+		},
+		maxImageHeight: {
+			teacherInstructions: 300,
+			prompt: 300,
+			rationale: 300
+		},
+		withRubric: {
+			settings: !1,
+			label: "Add Rubric"
+		},
+		mathMlOptions: {
+			mmlOutput: !1,
+			mmlEditing: !1
+		},
+		language: {
+			settings: !1,
+			label: "Specify Language",
+			enabled: !1
+		},
+		languageChoices: {
+			label: "Language Choices",
+			options: []
+		},
+		responseAreaInputConfiguration: { inputConfiguration: { characters: { disabled: !0 } } },
+		spanishButton: {
+			settings: !0,
+			label: "Disable Spanish Characters"
+		}
+	}
+}, ga = (0, at.default)("explicit-constructed-response:configure"), _a = class e extends HTMLElement {
+	static prepareModel = (e = {}) => {
+		let t = {
+			...ha.model,
+			...e
+		}, n = t.slateMarkup || zi(t.markup, t.choices), r = Li(n);
+		return t.choices && Object.keys(t.choices).forEach((e) => {
+			a(t.choices[e]) && (t.choices[e] = (t.choices[e] || []).map((e, t) => e.value ? e : (ga("Choice does not contain \"value\" property, which is required.", e), {
+				value: `${t}`,
+				...e
+			})));
+		}), {
+			...t,
+			slateMarkup: n,
+			markup: r
+		};
+	};
+	constructor() {
+		super(), this._root = null, this._model = e.prepareModel(), this._configuration = ha.configuration;
+	}
+	set model(t) {
+		this._model = e.prepareModel(t), this._model.responseAreaInputConfiguration && (this._model.responseAreaInputConfiguration = this._configuration.responseAreaInputConfiguration?.inputConfiguration), this._render();
+	}
+	set configuration(e) {
+		this._configuration = He(e, ha.configuration), e.language?.enabled ? e.languageChoices?.options?.length && (this._model.language = e.languageChoices.options[0].value) : e.language.settings && this._model.language ? (this._configuration.language.enabled = !0, (!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({
+			value: this._model.language,
+			label: this._model.language
+		})) : delete this._model.language, this._render();
+	}
+	set disableSidePanel(e) {
+		this._disableSidePanel = e, this._render();
+	}
+	dispatchModelUpdated(e) {
+		let t = !!e;
+		this.dispatchEvent(new ot(this._model, t));
+	}
+	onModelChanged = (t, n) => {
+		this._model = e.prepareModel({
+			...this._model,
+			...t
+		}), this._render(), this.dispatchModelUpdated(n);
+	};
+	onConfigurationChanged = (e) => {
+		this._configuration = e;
+		let t = this._configuration?.responseAreaInputConfiguration?.inputConfiguration;
+		this._model = {
+			...this._model,
+			responseAreaInputConfiguration: t
+		}, this.onModelChanged(this._model);
+	};
+	insertImage(e) {
+		this.dispatchEvent(new ct(e));
+	}
+	onDeleteImage(e, t) {
+		this.dispatchEvent(new st(e, t));
+	}
+	insertSound(e) {
+		this.dispatchEvent(new ut(e));
+	}
+	onDeleteSound(e, t) {
+		this.dispatchEvent(new lt(e, t));
+	}
+	_render() {
+		ga("_render");
+		let e = U.createElement(ma, {
+			model: this._model,
+			configuration: this._configuration,
+			onModelChanged: this.onModelChanged,
+			onConfigurationChanged: this.onConfigurationChanged,
+			disableSidePanel: this._disableSidePanel,
+			imageSupport: {
+				add: this.insertImage.bind(this),
+				delete: this.onDeleteImage.bind(this)
+			},
+			uploadSoundSupport: {
+				add: this.insertSound.bind(this),
+				delete: this.onDeleteSound.bind(this)
+			}
+		});
+		this._root ||= W(this), this._root.render(e);
+	}
+	disconnectedCallback() {
+		this._root && this._root.unmount();
+	}
+};
+//#endregion
+export { _a as default };
+
+//# sourceMappingURL=index.js.map