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

package/dist/browser/author/index.js

@@ -1,3378 +0,0 @@
-import { E as e, S as t, a as n, b as r, c as i, h as a, i as o, l as s, m as c, n as l, o as u, p as d, r as f, s as p, t as m, u as h, v as g } from "../browser-BC3WygxE.js";
-import { $ as _, A as v, B as y, D as b, E as x, F as S, H as C, I as w, J as T, K as E, L as D, M as O, N as k, P as A, Q as j, R as M, S as N, T as P, U as F, V as ee, W as I, X as te, Y as ne, Z as re, a as ie, b as L, c as ae, d as oe, et as R, f as se, i as z, it as ce, j as le, k as ue, l as B, n as de, nt as fe, o as pe, p as me, q as V, r as he, rt as ge, s as _e, t as H, tt as U, u as ve, v as ye, w as be, x as xe, y as Se, z as Ce } from "../dist-B5QyKMGD.js";
-import * as W from "react";
-import G, { Component as we, createElement as Te } from "react";
-import { createRoot as Ee } from "react-dom/client";
-import { jsx as K, jsxs as q } from "react/jsx-runtime";
-//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/utils/createChainedFunction.js
-var De = S, Oe = /* @__PURE__ */ e(m(), 1), ke = 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;
-	}
-}, Ae = 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;
-	}
-}, je = class e extends CustomEvent {
-	static {
-		this.TYPE = "insert.image";
-	}
-	constructor(t) {
-		super(e.TYPE, {
-			bubbles: !0,
-			detail: t
-		}), this.handler = t;
-	}
-}, Me = 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;
-	}
-}, Ne = 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 Pe(e) {
-	return U("PrivateSwitchBase", e);
-}
-R("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 J = (e) => {
-	let { classes: t, checked: n, disabled: r, edge: i } = e;
-	return j({
-		root: [
-			"root",
-			n && "checked",
-			r && "disabled",
-			i && `edge${A(i)}`
-		],
-		input: ["input"]
-	}, Pe, t);
-}, Fe = V(x, { name: "MuiSwitchBase" })({
-	padding: 9,
-	borderRadius: "50%",
-	variants: [
-		{
-			props: {
-				edge: "start",
-				size: "small"
-			},
-			style: { marginLeft: -3 }
-		},
-		{
-			props: ({ edge: e, ownerState: t }) => e === "start" && t.size !== "small",
-			style: { marginLeft: -12 }
-		},
-		{
-			props: {
-				edge: "end",
-				size: "small"
-			},
-			style: { marginRight: -3 }
-		},
-		{
-			props: ({ edge: e, ownerState: t }) => e === "end" && t.size !== "small",
-			style: { marginRight: -12 }
-		}
-	]
-}), Y = V("input", {
-	name: "MuiSwitchBase",
-	shouldForwardProp: T
-})({
-	cursor: "inherit",
-	position: "absolute",
-	opacity: 0,
-	width: "100%",
-	height: "100%",
-	top: 0,
-	left: 0,
-	margin: 0,
-	padding: 0,
-	zIndex: 1
-}), Ie = /*#__PURE__*/ W.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 = {}, ...T } = e, [E, D] = le({
-		controlled: r,
-		default: !!a,
-		name: "SwitchBase",
-		state: "checked"
-	}), O = L(), k = (e) => {
-		g && g(e), O && O.onFocus && O.onFocus(e);
-	}, A = (e) => {
-		m && m(e), O && O.onBlur && O.onBlur(e);
-	}, j = (e) => {
-		if (e.nativeEvent.defaultPrevented || _) return;
-		let t = e.target.checked;
-		D(t), h && h(e, t);
-	}, M = o;
-	O && M === void 0 && (M = O.disabled);
-	let N = b === "checkbox" || b === "radio", P = {
-		...e,
-		checked: E,
-		disabled: M,
-		disableFocusRipple: s,
-		edge: c
-	}, F = J(P), ee = {
-		slots: S,
-		slotProps: {
-			input: d,
-			...C
-		}
-	}, [I, te] = w("root", {
-		ref: t,
-		elementType: Fe,
-		className: F.root,
-		shouldForwardComponentProp: !0,
-		externalForwardedProps: {
-			...ee,
-			component: "span",
-			...T
-		},
-		getSlotProps: (e) => ({
-			...e,
-			onFocus: (t) => {
-				e.onFocus?.(t), k(t);
-			},
-			onBlur: (t) => {
-				e.onBlur?.(t), A(t);
-			}
-		}),
-		ownerState: P,
-		additionalProps: {
-			centerRipple: !0,
-			focusRipple: !s,
-			role: void 0,
-			tabIndex: null
-		}
-	}), [ne, re] = w("input", {
-		ref: f,
-		elementType: Y,
-		className: F.input,
-		externalForwardedProps: ee,
-		getSlotProps: (e) => ({
-			...e,
-			onChange: (t) => {
-				e.onChange?.(t), j(t);
-			}
-		}),
-		ownerState: P,
-		additionalProps: {
-			autoFocus: n,
-			checked: r,
-			defaultChecked: a,
-			disabled: M,
-			id: N ? u : void 0,
-			name: p,
-			readOnly: _,
-			required: v,
-			tabIndex: y,
-			type: b,
-			...b === "checkbox" && x === void 0 ? {} : { value: x }
-		}
-	});
-	return /*#__PURE__*/ q(I, {
-		...te,
-		children: [/*#__PURE__*/ K(ne, { ...re }), E ? i : l]
-	});
-}), Le = k(/*#__PURE__*/ K("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"), Re = k(/*#__PURE__*/ K("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"), ze = k(/*#__PURE__*/ K("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 Be(e) {
-	return U("MuiCheckbox", e);
-}
-var Ve = R("MuiCheckbox", [
-	"root",
-	"checked",
-	"disabled",
-	"indeterminate",
-	"colorPrimary",
-	"colorSecondary",
-	"sizeSmall",
-	"sizeMedium"
-]), He = (e) => {
-	let { classes: t, indeterminate: n, color: r, size: i } = e, a = j({ root: [
-		"root",
-		n && "indeterminate",
-		`color${A(r)}`,
-		`size${A(i)}`
-	] }, Be, t);
-	return {
-		...t,
-		...a
-	};
-}, Ue = V(Ie, {
-	shouldForwardProp: (e) => T(e) || e === "classes",
-	name: "MuiCheckbox",
-	slot: "Root",
-	overridesResolver: (e, t) => {
-		let { ownerState: n } = e;
-		return [
-			t.root,
-			n.indeterminate && t.indeterminate,
-			t[`size${A(n.size)}`],
-			n.color !== "default" && t[`color${A(n.color)}`]
-		];
-	}
-})(D(({ 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(P()).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(P()).map(([t]) => ({
-			props: { color: t },
-			style: {
-				[`&.${Ve.checked}, &.${Ve.indeterminate}`]: { color: (e.vars || e).palette[t].main },
-				[`&.${Ve.disabled}`]: { color: (e.vars || e).palette.action.disabled }
-			}
-		})),
-		{
-			props: { disableRipple: !1 },
-			style: { "&:hover": { "@media (hover: none)": { backgroundColor: "transparent" } } }
-		}
-	]
-}))), We = /*#__PURE__*/ K(Re, {}), Ge = /*#__PURE__*/ K(Le, {}), Ke = /*#__PURE__*/ K(ze, {}), qe = /*#__PURE__*/ W.forwardRef(function(e, t) {
-	let n = F({
-		props: e,
-		name: "MuiCheckbox"
-	}), { checkedIcon: r = We, color: i = "primary", icon: a = Ge, indeterminate: o = !1, indeterminateIcon: s = Ke, inputProps: c, size: l = "medium", disableRipple: u = !1, className: d, slots: f = {}, slotProps: p = {}, ...m } = n, h = o ? s : a, g = o ? s : r, _ = {
-		...n,
-		disableRipple: u,
-		color: i,
-		indeterminate: o,
-		size: l
-	}, v = He(_), y = p.input ?? c, [b, x] = w("root", {
-		ref: t,
-		elementType: Ue,
-		className: fe(v.root, d),
-		shouldForwardComponentProp: !0,
-		externalForwardedProps: {
-			slots: f,
-			slotProps: p,
-			...m
-		},
-		ownerState: _,
-		additionalProps: {
-			type: "checkbox",
-			icon: /*#__PURE__*/ W.cloneElement(h, { fontSize: h.props.fontSize ?? l }),
-			checkedIcon: /*#__PURE__*/ W.cloneElement(g, { fontSize: g.props.fontSize ?? l }),
-			disableRipple: u,
-			slots: f,
-			slotProps: { input: ue(typeof y == "function" ? y(_) : y, {
-				"data-indeterminate": o,
-				"aria-checked": o ? "mixed" : void 0
-			}) }
-		}
-	});
-	return /*#__PURE__*/ K(b, {
-		...x,
-		classes: v
-	});
-});
-//#endregion
-//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/FormControlLabel/formControlLabelClasses.js
-function Je(e) {
-	return U("MuiFormControlLabel", e);
-}
-var Ye = R("MuiFormControlLabel", [
-	"root",
-	"labelPlacementStart",
-	"labelPlacementTop",
-	"labelPlacementBottom",
-	"disabled",
-	"label",
-	"error",
-	"required",
-	"asterisk"
-]), Xe = (e) => {
-	let { classes: t, disabled: n, labelPlacement: r, error: i, required: a } = e;
-	return j({
-		root: [
-			"root",
-			n && "disabled",
-			`labelPlacement${A(r)}`,
-			i && "error",
-			a && "required"
-		],
-		label: ["label", n && "disabled"],
-		asterisk: ["asterisk", i && "error"]
-	}, Je, t);
-}, Ze = V("label", {
-	name: "MuiFormControlLabel",
-	slot: "Root",
-	overridesResolver: (e, t) => {
-		let { ownerState: n } = e;
-		return [
-			{ [`& .${Ye.label}`]: t.label },
-			t.root,
-			t[`labelPlacement${A(n.labelPlacement)}`]
-		];
-	}
-})(D(({ theme: e }) => ({
-	display: "inline-flex",
-	alignItems: "center",
-	cursor: "pointer",
-	verticalAlign: "middle",
-	WebkitTapHighlightColor: "transparent",
-	marginLeft: -11,
-	marginRight: 16,
-	[`&.${Ye.disabled}`]: { cursor: "default" },
-	[`& .${Ye.label}`]: { [`&.${Ye.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 }
-		}
-	]
-}))), Qe = V("span", {
-	name: "MuiFormControlLabel",
-	slot: "Asterisk"
-})(D(({ theme: e }) => ({ [`&.${Ye.error}`]: { color: (e.vars || e).palette.error.main } }))), $e = /*#__PURE__*/ W.forwardRef(function(e, t) {
-	let n = F({
-		props: e,
-		name: "MuiFormControlLabel"
-	}), { checked: r, className: i, componentsProps: a = {}, control: o, disabled: s, disableTypography: c, inputRef: l, label: u, labelPlacement: d = "end", name: f, onChange: p, required: m, slots: h = {}, slotProps: g = {}, value: _, ...v } = n, y = L(), b = s ?? o.props.disabled ?? y?.disabled, x = m ?? o.props.required, S = {
-		disabled: b,
-		required: x
-	};
-	[
-		"checked",
-		"name",
-		"onChange",
-		"value",
-		"inputRef"
-	].forEach((e) => {
-		o.props[e] === void 0 && n[e] !== void 0 && (S[e] = n[e]);
-	});
-	let C = N({
-		props: n,
-		muiFormControl: y,
-		states: ["error"]
-	}), T = {
-		...n,
-		disabled: b,
-		labelPlacement: d,
-		required: x,
-		error: C.error
-	}, E = Xe(T), [D, O] = w("typography", {
-		elementType: B,
-		externalForwardedProps: {
-			slots: h,
-			slotProps: {
-				...a,
-				...g
-			}
-		},
-		ownerState: T
-	}), k = u;
-	return k != null && k.type !== B && !c && (k = /*#__PURE__*/ K(D, {
-		component: "span",
-		...O,
-		className: fe(E.label, O?.className),
-		children: k
-	})), /*#__PURE__*/ q(Ze, {
-		className: fe(E.root, i),
-		ownerState: T,
-		ref: t,
-		...v,
-		children: [/*#__PURE__*/ W.cloneElement(o, S), x ? /*#__PURE__*/ q("div", { children: [k, /*#__PURE__*/ q(Qe, {
-			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 et(e) {
-	return U("MuiInputAdornment", e);
-}
-var tt = R("MuiInputAdornment", [
-	"root",
-	"filled",
-	"standard",
-	"outlined",
-	"positionStart",
-	"positionEnd",
-	"disablePointerEvents",
-	"hiddenLabel",
-	"sizeSmall"
-]), nt, rt = (e, t) => {
-	let { ownerState: n } = e;
-	return [
-		t.root,
-		t[`position${A(n.position)}`],
-		n.disablePointerEvents === !0 && t.disablePointerEvents,
-		t[n.variant]
-	];
-}, it = (e) => {
-	let { classes: t, disablePointerEvents: n, hiddenLabel: r, position: i, size: a, variant: o } = e;
-	return j({ root: [
-		"root",
-		n && "disablePointerEvents",
-		i && `position${A(i)}`,
-		o,
-		r && "hiddenLabel",
-		a && `size${A(a)}`
-	] }, et, t);
-}, at = V("div", {
-	name: "MuiInputAdornment",
-	slot: "Root",
-	overridesResolver: rt
-})(D(({ theme: e }) => ({
-	display: "flex",
-	maxHeight: "2em",
-	alignItems: "center",
-	whiteSpace: "nowrap",
-	color: (e.vars || e).palette.action.active,
-	variants: [
-		{
-			props: { variant: "filled" },
-			style: { [`&.${tt.positionStart}&:not(.${tt.hiddenLabel})`]: { marginTop: 16 } }
-		},
-		{
-			props: { position: "start" },
-			style: { marginRight: 8 }
-		},
-		{
-			props: { position: "end" },
-			style: { marginLeft: 8 }
-		},
-		{
-			props: { disablePointerEvents: !0 },
-			style: { pointerEvents: "none" }
-		}
-	]
-}))), ot = /*#__PURE__*/ W.forwardRef(function(e, t) {
-	let n = F({
-		props: e,
-		name: "MuiInputAdornment"
-	}), { children: r, className: i, component: a = "div", disablePointerEvents: o = !1, disableTypography: s = !1, position: c, variant: l, ...u } = n, d = L() || {}, 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 = it(p);
-	return /*#__PURE__*/ K(xe.Provider, {
-		value: null,
-		children: /*#__PURE__*/ K(at, {
-			as: a,
-			ownerState: p,
-			className: fe(m.root, i),
-			ref: t,
-			...u,
-			children: typeof r == "string" && !s ? /*#__PURE__*/ K(B, {
-				color: "textSecondary",
-				children: r
-			}) : /*#__PURE__*/ q(W.Fragment, { children: [c === "start" ? nt ||= /*#__PURE__*/ K("span", {
-				className: "notranslate",
-				"aria-hidden": !0,
-				children: "​"
-			}) : null, r] })
-		})
-	});
-}), st = k(/*#__PURE__*/ K("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" }), "RadioButtonUnchecked"), ct = k(/*#__PURE__*/ K("path", { d: "M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z" }), "RadioButtonChecked"), lt = V("span", {
-	name: "MuiRadioButtonIcon",
-	shouldForwardProp: T
-})({
-	position: "relative",
-	display: "flex"
-}), ut = V(st, { name: "MuiRadioButtonIcon" })({ transform: "scale(1)" }), dt = V(ct, { name: "MuiRadioButtonIcon" })(D(({ 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 ft(e) {
-	let { checked: t = !1, classes: n = {}, fontSize: r } = e, i = {
-		...e,
-		checked: t
-	};
-	return /*#__PURE__*/ q(lt, {
-		className: n.root,
-		ownerState: i,
-		children: [/*#__PURE__*/ K(ut, {
-			fontSize: r,
-			className: n.background,
-			ownerState: i
-		}), /*#__PURE__*/ K(dt, {
-			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 pt = /*#__PURE__*/ W.createContext(void 0);
-//#endregion
-//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/RadioGroup/useRadioGroup.js
-function mt() {
-	return W.useContext(pt);
-}
-//#endregion
-//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/Radio/radioClasses.js
-function ht(e) {
-	return U("MuiRadio", e);
-}
-var gt = R("MuiRadio", [
-	"root",
-	"checked",
-	"disabled",
-	"colorPrimary",
-	"colorSecondary",
-	"sizeSmall"
-]), _t = (e) => {
-	let { classes: t, color: n, size: r } = e, i = { root: [
-		"root",
-		`color${A(n)}`,
-		r !== "medium" && `size${A(r)}`
-	] };
-	return {
-		...t,
-		...j(i, ht, t)
-	};
-}, vt = V(Ie, {
-	shouldForwardProp: (e) => T(e) || e === "classes",
-	name: "MuiRadio",
-	slot: "Root",
-	overridesResolver: (e, t) => {
-		let { ownerState: n } = e;
-		return [
-			t.root,
-			n.size !== "medium" && t[`size${A(n.size)}`],
-			t[`color${A(n.color)}`]
-		];
-	}
-})(D(({ theme: e }) => ({
-	color: (e.vars || e).palette.text.secondary,
-	[`&.${gt.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(P()).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(P()).map(([t]) => ({
-			props: {
-				color: t,
-				disabled: !1
-			},
-			style: { [`&.${gt.checked}`]: { color: (e.vars || e).palette[t].main } }
-		})),
-		{
-			props: { disableRipple: !1 },
-			style: { "&:hover": { "@media (hover: none)": { backgroundColor: "transparent" } } }
-		}
-	]
-})));
-function yt(e, t) {
-	return typeof t == "object" && t ? e === t : String(e) === String(t);
-}
-var bt = /*#__PURE__*/ K(ft, { checked: !0 }), xt = /*#__PURE__*/ K(ft, {}), St = /*#__PURE__*/ W.forwardRef(function(e, t) {
-	let n = F({
-		props: e,
-		name: "MuiRadio"
-	}), { checked: r, checkedIcon: i = bt, color: a = "primary", icon: o = xt, name: s, onChange: c, size: l = "medium", className: u, disabled: d, disableRipple: f = !1, slots: p = {}, slotProps: m = {}, inputProps: h, ...g } = n, _ = L(), v = d;
-	_ && v === void 0 && (v = _.disabled), v ??= !1;
-	let y = {
-		...n,
-		disabled: v,
-		disableRipple: f,
-		color: a,
-		size: l
-	}, b = _t(y), x = mt(), S = r, C = De(c, x && x.onChange), T = s;
-	x && (S === void 0 && (S = yt(x.value, n.value)), T === void 0 && (T = x.name));
-	let E = m.input ?? h, [D, O] = w("root", {
-		ref: t,
-		elementType: vt,
-		className: fe(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__*/ W.cloneElement(o, { fontSize: o.props.fontSize ?? l }),
-			checkedIcon: /*#__PURE__*/ W.cloneElement(i, { fontSize: i.props.fontSize ?? l }),
-			disabled: v,
-			name: T,
-			checked: S,
-			slots: p,
-			slotProps: { input: typeof E == "function" ? E(y) : E }
-		}
-	});
-	return /*#__PURE__*/ K(D, {
-		...O,
-		classes: b
-	});
-});
-//#endregion
-//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/Tooltip/tooltipClasses.js
-function Ct(e) {
-	return U("MuiTooltip", e);
-}
-var X = R("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 wt(e) {
-	return Math.round(e * 1e5) / 1e5;
-}
-var Tt = (e) => {
-	let { classes: t, disableInteractive: n, arrow: r, touch: i, placement: a } = e;
-	return j({
-		popper: [
-			"popper",
-			!n && "popperInteractive",
-			r && "popperArrow"
-		],
-		tooltip: [
-			"tooltip",
-			r && "tooltipArrow",
-			i && "touch",
-			`tooltipPlacement${A(a.split("-")[0])}`
-		],
-		arrow: ["arrow"]
-	}, Ct, t);
-}, Et = V(de, {
-	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
-		];
-	}
-})(D(({ 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"
-			} }
-		}
-	]
-}))), Dt = V("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${A(n.placement.split("-")[0])}`]
-		];
-	}
-})(D(({ 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: `${wt(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" } }
-		}
-	]
-}))), Ot = V("span", {
-	name: "MuiTooltip",
-	slot: "Arrow"
-})(D(({ 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)"
-	}
-}))), kt = !1, At = new ee(), jt = {
-	x: 0,
-	y: 0
-};
-function Mt(e, t) {
-	return (n, ...r) => {
-		t && t(n, ...r), e(n, ...r);
-	};
-}
-var Nt = /*#__PURE__*/ W.forwardRef(function(e, t) {
-	let n = F({
-		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: x, leaveDelay: S = 0, leaveTouchDelay: T = 1500, onClose: E, onOpen: D, open: k, placement: A = "bottom", PopperComponent: j, PopperProps: N = {}, slotProps: P = {}, slots: ee = {}, title: I, TransitionComponent: te, TransitionProps: re, ...ie } = n, L = /*#__PURE__*/ W.isValidElement(i) ? i : /*#__PURE__*/ K("span", { children: i }), ae = ne(), oe = _(), [R, se] = W.useState(), [z, ce] = W.useState(null), ue = W.useRef(!1), B = d || g, pe = C(), me = C(), V = C(), he = C(), [ge, _e] = le({
-		controlled: k,
-		default: !1,
-		name: "Tooltip",
-		state: "open"
-	}), H = ge, U = O(x), ve = W.useRef(), ye = v(() => {
-		ve.current !== void 0 && (document.body.style.WebkitUserSelect = ve.current, ve.current = void 0), he.clear();
-	});
-	W.useEffect(() => ye, [ye]);
-	let be = (e) => {
-		At.clear(), kt = !0, _e(!0), D && !H && D(e);
-	}, xe = v((e) => {
-		At.start(800 + S, () => {
-			kt = !1;
-		}), _e(!1), E && H && E(e), pe.start(ae.transitions.duration.shortest, () => {
-			ue.current = !1;
-		});
-	}), Se = (e) => {
-		ue.current && e.type !== "touchstart" || (R && R.removeAttribute("title"), me.clear(), V.clear(), p || kt && m ? me.start(kt ? m : p, () => {
-			be(e);
-		}) : be(e));
-	}, G = (e) => {
-		me.clear(), V.start(S, () => {
-			xe(e);
-		});
-	}, [, we] = W.useState(!1), Te = (e) => {
-		let t = e?.target ?? R;
-		if (!t || !b(t)) {
-			we(!1);
-			let n = e ?? new Event("blur");
-			!e && t && (Object.defineProperty(n, "target", { value: t }), Object.defineProperty(n, "currentTarget", { value: t })), G(n);
-		}
-	}, Ee = (e) => {
-		R || se(e.currentTarget), b(e.target) && (we(!0), Se(e));
-	}, De = (e) => {
-		ue.current = !0;
-		let t = L.props;
-		t.onTouchStart && t.onTouchStart(e);
-	}, Oe = (e) => {
-		De(e), V.clear(), pe.clear(), ye(), ve.current = document.body.style.WebkitUserSelect, document.body.style.WebkitUserSelect = "none", he.start(h, () => {
-			document.body.style.WebkitUserSelect = ve.current, Se(e);
-		});
-	}, ke = (e) => {
-		L.props.onTouchEnd && L.props.onTouchEnd(e), ye(), V.start(T, () => {
-			xe(e);
-		});
-	};
-	W.useEffect(() => {
-		if (!H) return;
-		function e(e) {
-			e.key === "Escape" && xe(e);
-		}
-		return document.addEventListener("keydown", e), () => {
-			document.removeEventListener("keydown", e);
-		};
-	}, [xe, H]);
-	let Ae = Ce(y(L), se, t);
-	!I && I !== 0 && (H = !1);
-	let je = W.useRef(), Me = (e) => {
-		let t = L.props;
-		t.onMouseMove && t.onMouseMove(e), jt = {
-			x: e.clientX,
-			y: e.clientY
-		}, je.current && je.current.update();
-	}, Ne = {}, Pe = typeof I == "string";
-	c ? (Ne.title = !H && Pe && !u ? I : null, Ne["aria-describedby"] = H ? U : null) : (Ne["aria-label"] = Pe ? I : null, Ne["aria-labelledby"] = H && !Pe ? U : null);
-	let J = {
-		...Ne,
-		...ie,
-		...L.props,
-		className: fe(ie.className, L.props.className),
-		onTouchStart: De,
-		ref: Ae,
-		...g ? { onMouseMove: Me } : {}
-	}, Fe = {};
-	f || (J.onTouchStart = Oe, J.onTouchEnd = ke), u || (J.onMouseOver = Mt(Se, J.onMouseOver), J.onMouseLeave = Mt(G, J.onMouseLeave), B || (Fe.onMouseOver = Se, Fe.onMouseLeave = G)), l || (J.onFocus = Mt(Ee, J.onFocus), J.onBlur = Mt(Te, J.onBlur), B || (Fe.onFocus = Ee, Fe.onBlur = Te));
-	let Y = {
-		...n,
-		isRtl: oe,
-		arrow: r,
-		disableInteractive: B,
-		placement: A,
-		PopperComponentProp: j,
-		touch: ue.current
-	}, Ie = typeof P.popper == "function" ? P.popper(Y) : P.popper, Le = W.useMemo(() => {
-		let e = [{
-			name: "arrow",
-			enabled: !!z,
-			options: {
-				element: z,
-				padding: 4
-			}
-		}];
-		return N.popperOptions?.modifiers && (e = e.concat(N.popperOptions.modifiers)), Ie?.popperOptions?.modifiers && (e = e.concat(Ie.popperOptions.modifiers)), {
-			...N.popperOptions,
-			...Ie?.popperOptions,
-			modifiers: e
-		};
-	}, [
-		z,
-		N.popperOptions,
-		Ie?.popperOptions
-	]), Re = Tt(Y), ze = typeof P.transition == "function" ? P.transition(Y) : P.transition, Be = {
-		slots: {
-			popper: o.Popper,
-			transition: o.Transition ?? te,
-			tooltip: o.Tooltip,
-			arrow: o.Arrow,
-			...ee
-		},
-		slotProps: {
-			arrow: P.arrow ?? s.arrow,
-			popper: {
-				...N,
-				...Ie ?? s.popper
-			},
-			tooltip: P.tooltip ?? s.tooltip,
-			transition: {
-				...re,
-				...ze ?? s.transition
-			}
-		}
-	}, [Ve, He] = w("popper", {
-		elementType: Et,
-		externalForwardedProps: Be,
-		ownerState: Y,
-		className: fe(Re.popper, N?.className)
-	}), [Ue, We] = w("transition", {
-		elementType: M,
-		externalForwardedProps: Be,
-		ownerState: Y
-	}), [Ge, Ke] = w("tooltip", {
-		elementType: Dt,
-		className: Re.tooltip,
-		externalForwardedProps: Be,
-		ownerState: Y
-	}), [qe, Je] = w("arrow", {
-		elementType: Ot,
-		className: Re.arrow,
-		externalForwardedProps: Be,
-		ownerState: Y,
-		ref: ce
-	});
-	return /*#__PURE__*/ q(W.Fragment, { children: [/*#__PURE__*/ W.cloneElement(L, J), /*#__PURE__*/ K(Ve, {
-		as: j ?? de,
-		placement: A,
-		anchorEl: g ? { getBoundingClientRect: () => ({
-			top: jt.y,
-			left: jt.x,
-			right: jt.x,
-			bottom: jt.y,
-			width: 0,
-			height: 0
-		}) } : R,
-		popperRef: je,
-		open: R ? H : !1,
-		id: U,
-		transition: !0,
-		...Fe,
-		...He,
-		popperOptions: Le,
-		children: ({ TransitionProps: e }) => /*#__PURE__*/ K(Ue, {
-			timeout: ae.transitions.duration.shorter,
-			...e,
-			...We,
-			children: /*#__PURE__*/ q(Ge, {
-				...Ke,
-				children: [I, r ? /*#__PURE__*/ K(qe, { ...Je }) : null]
-			})
-		})
-	})] });
-});
-//#endregion
-//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/Switch/switchClasses.js
-function Pt(e) {
-	return U("MuiSwitch", e);
-}
-var Z = R("MuiSwitch", [
-	"root",
-	"edgeStart",
-	"edgeEnd",
-	"switchBase",
-	"colorPrimary",
-	"colorSecondary",
-	"sizeSmall",
-	"sizeMedium",
-	"checked",
-	"disabled",
-	"input",
-	"thumb",
-	"track"
-]), Ft = (e) => {
-	let { classes: t, edge: n, size: r, color: i, checked: a, disabled: o } = e, s = j({
-		root: [
-			"root",
-			n && `edge${A(n)}`,
-			`size${A(r)}`
-		],
-		switchBase: [
-			"switchBase",
-			`color${A(i)}`,
-			a && "checked",
-			o && "disabled"
-		],
-		thumb: ["thumb"],
-		track: ["track"],
-		input: ["input"]
-	}, Pt, t);
-	return {
-		...t,
-		...s
-	};
-}, It = V("span", {
-	name: "MuiSwitch",
-	slot: "Root",
-	overridesResolver: (e, t) => {
-		let { ownerState: n } = e;
-		return [
-			t.root,
-			n.edge && t[`edge${A(n.edge)}`],
-			t[`size${A(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)" }
-				}
-			}
-		}
-	]
-}), Lt = V(Ie, {
-	name: "MuiSwitch",
-	slot: "SwitchBase",
-	overridesResolver: (e, t) => {
-		let { ownerState: n } = e;
-		return [
-			t.switchBase,
-			{ [`& .${Z.input}`]: t.input },
-			n.color !== "default" && t[`color${A(n.color)}`]
-		];
-	}
-})(D(({ 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%"
-	}
-})), D(({ 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(P(["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 }
-		}
-	}))]
-}))), Rt = V("span", {
-	name: "MuiSwitch",
-	slot: "Track"
-})(D(({ 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}`
-}))), zt = V("span", {
-	name: "MuiSwitch",
-	slot: "Thumb"
-})(D(({ theme: e }) => ({
-	boxShadow: (e.vars || e).shadows[1],
-	backgroundColor: "currentColor",
-	boxSizing: "border-box",
-	border: "1px solid transparent",
-	width: 20,
-	height: 20,
-	borderRadius: "50%"
-}))), Bt = /*#__PURE__*/ W.forwardRef(function(e, t) {
-	let n = F({
-		props: e,
-		name: "MuiSwitch"
-	}), { className: r, color: i = "primary", edge: a = !1, size: o = "medium", sx: s, slots: c = {}, slotProps: l = {}, ...u } = n, d = {
-		...n,
-		color: i,
-		edge: a,
-		size: o
-	}, f = Ft(d), p = l.input, m = {
-		slots: c,
-		slotProps: l
-	}, [h, g] = w("root", {
-		className: fe(f.root, r),
-		elementType: It,
-		externalForwardedProps: m,
-		ownerState: d,
-		additionalProps: { sx: s }
-	}), [_, v] = w("thumb", {
-		className: f.thumb,
-		elementType: zt,
-		externalForwardedProps: m,
-		ownerState: d
-	}), y = /*#__PURE__*/ K(_, { ...v }), [b, x] = w("track", {
-		className: f.track,
-		elementType: Rt,
-		externalForwardedProps: m,
-		ownerState: d
-	});
-	return /*#__PURE__*/ q(h, {
-		...g,
-		children: [/*#__PURE__*/ K(Lt, {
-			type: "checkbox",
-			icon: y,
-			checkedIcon: y,
-			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: ue(typeof p == "function" ? p(d) : p, { role: "switch" })
-			}
-		}), /*#__PURE__*/ K(b, { ...x })]
-	});
-}), Q = /* @__PURE__ */ e(ce(), 1), Vt = V($e)(() => ({ "& .MuiFormControlLabel-label": {
-	left: "-5px",
-	position: "relative"
-} })), Ht = V(St)(() => ({ color: `${I.tertiary()} !important` })), Ut = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ K(Vt, {
-	value: t,
-	control: /* @__PURE__ */ K(Ht, {
-		checked: n,
-		onChange: r
-	}),
-	label: e
-});
-Ut.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 Wt = V(he)(() => ({})), Gt = class extends G.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__ */ q("div", {
-			className: n,
-			children: [/* @__PURE__ */ K(z, {
-				indicatorColor: "primary",
-				value: e,
-				onChange: this.handleChange,
-				children: G.Children.map(t, (e, t) => e && e.props.title ? /* @__PURE__ */ K(Wt, { label: e.props.title }, t) : null)
-			}), /* @__PURE__ */ K("div", {
-				className: r,
-				style: i,
-				children: t[e]
-			})]
-		});
-	}
-}, Kt = V($e)(({ 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: re[700],
-			fontSize: e.typography.fontSize - 3
-		}
-	}
-})), qt = V(qe)(({ theme: e, mini: t, error: n }) => ({
-	color: `${I.tertiary()} !important`,
-	...t && {
-		margin: 0,
-		padding: 0,
-		width: e.spacing(3),
-		height: e.spacing(3)
-	},
-	...n && { color: `${e.palette.error.main} !important` }
-})), Jt = ({ mini: e, checked: t, onChange: n, value: r, label: i, error: a }) => /* @__PURE__ */ K(Kt, {
-	mini: e,
-	control: /* @__PURE__ */ K(qt, {
-		checked: t,
-		onChange: n,
-		value: r,
-		mini: e,
-		error: a
-	}),
-	label: i
-});
-Jt.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
-}, Jt.defaultProps = {
-	value: "",
-	mini: !1,
-	error: !1
-};
-//#endregion
-//#region ../../lib-react/config-ui/dist/number-text-field.js
-var Yt = (0, Oe.default)("@pie-lib:config-ui:number-text-field"), Xt = V(ie)(({ 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"
-	}
-})), Zt = (e, t) => {
-	if (!u(e) && !u(t)) return 0;
-	if (!u(e) && u(t)) return t;
-	if (u(e)) return e;
-}, Qt = class extends G.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 u(e) ? (u(n) && (e = Math.min(e, n)), u(t) && (e = Math.max(e, t)), e) : Zt(t, n);
-	}
-	onBlur = (e) => {
-		let t = e.target.value, n = parseFloat(t);
-		Yt("rawNumber: ", n);
-		let r = this.clamp(n);
-		Yt("number: ", r), r !== this.state.value && (Yt("trigger update..."), this.setState({ value: r.toString() }, () => {
-			this.props.onChange(e, r);
-		}));
-	};
-	onChange(e) {
-		let t = e.target.value;
-		this.setState({ value: t });
-	}
-	errorMessage = () => {
-		let { min: e, max: t } = this.props;
-		if (e && t) return `The value must be between ${e} and ${t}`;
-		if (e) return `The value must be greater than ${e}`;
-		if (t) return `The value must be less than ${t}`;
-	};
-	getError = () => {
-		let { value: e } = this.state, t = parseFloat(e);
-		if (this.clamp(t) !== t) return this.errorMessage();
-	};
-	render() {
-		let { className: e, label: t, disabled: n, suffix: r, min: i, max: a, inputClassName: o, disableUnderline: s, showErrorWhenOutsideRange: c, variant: l } = this.props, u = c && this.getError();
-		return /* @__PURE__ */ K(Xt, {
-			variant: s ? "filled" : l || "standard",
-			inputRef: (e) => {
-				this.inputRef = e;
-			},
-			disabled: n,
-			label: t,
-			InputLabelProps: { shrink: !0 },
-			value: this.state.value,
-			error: !!u,
-			helperText: u,
-			onChange: this.onChange,
-			onBlur: this.onBlur,
-			onKeyDown: (e) => {
-				e.key === "Enter" && this.inputRef && this.inputRef.blur();
-			},
-			type: "number",
-			className: e,
-			slotProps: { input: {
-				endAdornment: r && /* @__PURE__ */ K(ot, {
-					position: "end",
-					children: r
-				}),
-				className: o,
-				inputProps: {
-					min: i,
-					max: a
-				}
-			} },
-			margin: "normal"
-		});
-	}
-};
-//#endregion
-//#region ../../lib-react/config-ui/dist/two-choice.js
-function $t(e) {
-	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
-}
-function en(e, t) {
-	return !e || $t(e) ? e : $t(e.default) ? e.default : t && $t(e[t]) ? e[t] : t && $t(e[t]?.default) ? e[t].default : e;
-}
-var tn = en(ye, "InputContainer") || en(an.InputContainer, "InputContainer"), nn = me, rn = nn.default, an = rn && typeof rn == "object" ? rn : nn, on = V("div")(({ theme: e, direction: t }) => ({
-	display: "flex",
-	flexWrap: "wrap",
-	paddingLeft: 0,
-	marginTop: e.spacing(1),
-	...t === "vertical" && { flexDirection: "column" }
-})), sn = class extends G.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 || Ut;
-		return /* @__PURE__ */ K(tn, {
-			label: e,
-			className: t,
-			children: /* @__PURE__ */ K(on, {
-				direction: a,
-				children: o.map((e, t) => /* @__PURE__ */ K(s, {
-					value: e.value,
-					checked: e.value === i,
-					onChange: this.handleChange,
-					label: e.label
-				}, t))
-			})
-		});
-	}
-}, cn = Q.default.shape({
-	label: Q.default.string,
-	value: Q.default.string
-});
-(class extends G.Component {
-	static propTypes = {
-		header: Q.default.string.isRequired,
-		value: Q.default.string.isRequired,
-		onChange: Q.default.func.isRequired,
-		one: Q.default.oneOfType([cn, Q.default.string]),
-		two: Q.default.oneOfType([cn, 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__ */ K(sn, {
-			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 ln = Object.defineProperty, un = (e, t) => {
-	let n = {};
-	for (var r in e) ln(n, r, {
-		get: e[r],
-		enumerable: !0
-	});
-	return t || ln(n, Symbol.toStringTag, { value: "Module" }), n;
-}, dn = V("div")(() => ({
-	display: "flex",
-	flexDirection: "column",
-	position: "relative"
-})), fn = V("div")(() => ({
-	display: "flex",
-	justifyContent: "space-between"
-})), pn = V("div")(({ theme: e }) => ({ padding: `${e.spacing(2)} 0` })), mn = V("div")(() => ({ flex: "1" })), hn = V("div")(({ theme: e }) => ({ marginLeft: e.spacing(2) })), gn = class extends G.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__ */ q(dn, {
-			style: {
-				minHeight: i,
-				minWidth: a,
-				maxHeight: o,
-				maxWidth: s
-			},
-			children: [
-				e === "inline" && /* @__PURE__ */ q(fn, { children: [/* @__PURE__ */ K(mn, {
-					className: "design-container",
-					children: n
-				}), l && /* @__PURE__ */ K(hn, {
-					className: "settings-container",
-					children: t
-				})] }),
-				e === "tabbed" && l && /* @__PURE__ */ q(Gt, {
-					onChange: this.onTabsChange,
-					contentClassName: "content-container",
-					indicatorColor: "primary",
-					children: [/* @__PURE__ */ K(pn, {
-						title: "Design",
-						className: "design-container",
-						children: n
-					}), /* @__PURE__ */ K(pn, {
-						title: "Settings",
-						className: "settings-container",
-						children: t
-					})]
-				}),
-				e === "tabbed" && !l && /* @__PURE__ */ K(pn, {
-					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 _n() {
-	return _n = 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;
-	}, _n.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 vn(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 yn(e, t) {
-	return yn = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
-		return e.__proto__ = t, e;
-	}, yn(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 bn(e, t) {
-	e.prototype = Object.create(t.prototype), e.prototype.constructor = e, yn(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 xn = (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;
-	}();
-})(), Sn = typeof window < "u" && typeof document < "u" && window.document === document, Cn = (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")();
-})(), wn = (function() {
-	return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(Cn) : function(e) {
-		return setTimeout(function() {
-			return e(Date.now());
-		}, 1e3 / 60);
-	};
-})(), Tn = 2;
-function En(e, t) {
-	var n = !1, r = !1, i = 0;
-	function a() {
-		n && (n = !1, e()), r && s();
-	}
-	function o() {
-		wn(a);
-	}
-	function s() {
-		var e = Date.now();
-		if (n) {
-			if (e - i < Tn) return;
-			r = !0;
-		} else n = !0, r = !1, setTimeout(o, t);
-		i = e;
-	}
-	return s;
-}
-var Dn = 20, On = [
-	"top",
-	"right",
-	"bottom",
-	"left",
-	"width",
-	"height",
-	"size",
-	"weight"
-], kn = typeof MutationObserver < "u", An = function() {
-	function e() {
-		this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = En(this.refresh.bind(this), Dn);
-	}
-	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() {
-		!Sn || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), kn ? (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() {
-		!Sn || !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;
-		On.some(function(e) {
-			return !!~n.indexOf(e);
-		}) && this.refresh();
-	}, e.getInstance = function() {
-		return this.instance_ ||= new e(), this.instance_;
-	}, e.instance_ = null, e;
-}(), jn = (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;
-}), Mn = (function(e) {
-	return e && e.ownerDocument && e.ownerDocument.defaultView || Cn;
-}), Nn = Un(0, 0, 0, 0);
-function Pn(e) {
-	return parseFloat(e) || 0;
-}
-function Fn(e) {
-	return [...arguments].slice(1).reduce(function(t, n) {
-		var r = e["border-" + n + "-width"];
-		return t + Pn(r);
-	}, 0);
-}
-function In(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] = Pn(o);
-	}
-	return n;
-}
-function Ln(e) {
-	var t = e.getBBox();
-	return Un(0, 0, t.width, t.height);
-}
-function Rn(e) {
-	var t = e.clientWidth, n = e.clientHeight;
-	if (!t && !n) return Nn;
-	var r = Mn(e).getComputedStyle(e), i = In(r), a = i.left + i.right, o = i.top + i.bottom, s = Pn(r.width), c = Pn(r.height);
-	if (r.boxSizing === "border-box" && (Math.round(s + a) !== t && (s -= Fn(r, "left", "right") + a), Math.round(c + o) !== n && (c -= Fn(r, "top", "bottom") + o)), !Bn(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 Un(i.left, i.top, s, c);
-}
-var zn = (function() {
-	return typeof SVGGraphicsElement < "u" ? function(e) {
-		return e instanceof Mn(e).SVGGraphicsElement;
-	} : function(e) {
-		return e instanceof Mn(e).SVGElement && typeof e.getBBox == "function";
-	};
-})();
-function Bn(e) {
-	return e === Mn(e).document.documentElement;
-}
-function Vn(e) {
-	return Sn ? zn(e) ? Ln(e) : Rn(e) : Nn;
-}
-function Hn(e) {
-	var t = e.x, n = e.y, r = e.width, i = e.height, a = Object.create((typeof DOMRectReadOnly < "u" ? DOMRectReadOnly : Object).prototype);
-	return jn(a, {
-		x: t,
-		y: n,
-		width: r,
-		height: i,
-		top: n,
-		right: t + r,
-		bottom: i + n,
-		left: t
-	}), a;
-}
-function Un(e, t, n, r) {
-	return {
-		x: e,
-		y: t,
-		width: n,
-		height: r
-	};
-}
-var Wn = function() {
-	function e(e) {
-		this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = Un(0, 0, 0, 0), this.target = e;
-	}
-	return e.prototype.isActive = function() {
-		var e = Vn(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;
-}(), Gn = function() {
-	function e(e, t) {
-		var n = Hn(t);
-		jn(this, {
-			target: e,
-			contentRect: n
-		});
-	}
-	return e;
-}(), Kn = function() {
-	function e(e, t, n) {
-		if (this.activeObservations_ = [], this.observations_ = new xn(), 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 Mn(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
-			var t = this.observations_;
-			t.has(e) || (t.set(e, new Wn(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 Mn(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 Gn(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;
-}(), qn = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new xn(), Jn = 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 Kn(t, An.getInstance(), this);
-		qn.set(this, n);
-	}
-	return e;
-}();
-[
-	"observe",
-	"unobserve",
-	"disconnect"
-].forEach(function(e) {
-	Jn.prototype[e] = function() {
-		var t;
-		return (t = qn.get(this))[e].apply(t, arguments);
-	};
-});
-var Yn = (function() {
-	return Cn.ResizeObserver === void 0 ? Jn : Cn.ResizeObserver;
-})(), Xn = [
-	"client",
-	"offset",
-	"scroll",
-	"bounds",
-	"margin"
-];
-function Zn(e) {
-	var t = [];
-	return Xn.forEach(function(n) {
-		e[n] && t.push(n);
-	}), t;
-}
-function Qn(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 $n(e) {
-	return e && e.ownerDocument && e.ownerDocument.defaultView || window;
-}
-function er(e) {
-	return function(t) {
-		var n, r;
-		return r = n = /*#__PURE__*/ function(n) {
-			bn(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 = Qn(t._node, e || Zn(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 = $n(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 Yn(this.measure), this._node !== null && (this._resizeObserver.observe(this._node), typeof this.props.onResize == "function" && this.props.onResize(Qn(this._node, e || Zn(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, Te(t, _n({}, vn(e, ["innerRef", "onResize"]), {
-					measureRef: this._handleRef,
-					measure: this.measure,
-					contentRect: this.state.contentRect
-				}));
-			}, r;
-		}(we), 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 tr = er()(function(e) {
-	var t = e.measure, n = e.measureRef, r = e.contentRect, i = e.children;
-	return i({
-		measure: t,
-		measureRef: n,
-		contentRect: r
-	});
-});
-tr.displayName = "Measure", tr.propTypes.children = Q.default.func;
-//#endregion
-//#region ../../lib-react/config-ui/dist/layout/settings-box.js
-var nr = V("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
-})), rr = class extends G.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__ */ K(nr, {
-			className: e,
-			children: t
-		});
-	}
-}, ir = te({
-	typography: { fontFamily: "inherit" },
-	components: { MuiButton: { styleOverrides: { contained: {
-		backgroundColor: "#e0e0e0",
-		color: "#000000",
-		"&:hover": { backgroundColor: "#bdbdbd" }
-	} } } }
-}), ar = class extends G.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__ */ K(ge, {
-			injectFirst: !0,
-			children: /* @__PURE__ */ K(E, {
-				theme: ir,
-				children: /* @__PURE__ */ K(tr, {
-					bounds: !0,
-					onResize: this.onResize,
-					children: ({ measureRef: e }) => {
-						let { children: t, settings: n, hideSettings: r, dimensions: i, extraCSSRules: a } = this.props, { layoutMode: o } = this.state, s = r ? null : o === "inline" ? /* @__PURE__ */ K(rr, {
-							className: "settings-box",
-							children: n
-						}) : n;
-						return /* @__PURE__ */ q("div", {
-							ref: e,
-							className: "main-container extraCSSRules",
-							children: [a?.rules ? /* @__PURE__ */ K("style", { dangerouslySetInnerHTML: { __html: `.extraCSSRules { ${a.rules} }` } }) : null, /* @__PURE__ */ K(gn, {
-								mode: o,
-								secondary: s,
-								dimensions: i,
-								children: t
-							})]
-						});
-					}
-				})
-			})
-		});
-	}
-}, or = er("bounds")(ar), sr = /* @__PURE__ */ un({
-	ConfigLayout: () => or,
-	LayoutContents: () => gn
-}), cr = V("div")(() => ({
-	display: "flex",
-	width: "100%",
-	justifyContent: "space-between"
-})), lr = V(Se)(({ theme: e }) => ({
-	color: "rgba(0, 0, 0, 0.89)",
-	fontSize: e.typography.fontSize,
-	paddingTop: e.spacing(2)
-})), ur = V(Bt)(({ checked: e }) => ({
-	"&.Mui-checked .MuiSwitch-thumb": { color: `${I.tertiary()} !important` },
-	"&.Mui-checked .MuiSwitch-track": { backgroundColor: `${I.tertiaryLight()} !important` },
-	"& .MuiSwitch-track": { backgroundColor: e ? `${I.tertiaryLight()} !important` : void 0 }
-})), dr = ({ checked: e, disabled: t, label: n, toggle: r }) => /* @__PURE__ */ q(cr, { children: [/* @__PURE__ */ K(lr, { children: n }), /* @__PURE__ */ K(ur, {
-	checked: e,
-	disabled: t,
-	onChange: (e) => r(e.target.checked)
-})] });
-dr.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 fr = V($e)(({ theme: e }) => ({ "& .MuiFormControlLabel-label": {
-	color: "rgba(0, 0, 0, 0.89)",
-	fontSize: e.typography.fontSize - 2,
-	left: "-5px",
-	position: "relative"
-} })), pr = V(St)(() => ({ color: `${I.tertiary()} !important` })), mr = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ K(fr, {
-	value: t,
-	control: /* @__PURE__ */ K(pr, {
-		checked: n,
-		onChange: r
-	}),
-	label: e
-});
-mr.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 hr = (0, Oe.default)("pie-lib:config-ui:settings:panel"), gr = {
-	label: Q.default.string,
-	value: Q.default.string
-}, _r = {
-	label: Q.default.string,
-	value: Q.default.string,
-	onChange: Q.default.func
-}, vr = ({ label: e, value: t, onChange: n }) => /* @__PURE__ */ K(Jt, {
-	checked: t,
-	label: e,
-	onChange: (e) => {
-		n(e.target.checked);
-	}
-});
-vr.propTypes = {
-	label: Q.default.string,
-	value: Q.default.bool,
-	onChange: Q.default.func
-};
-var yr = V(sn)(({ 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) }
-})), br = ({ label: e, value: t, onChange: n, choices: r }) => /* @__PURE__ */ K(yr, {
-	direction: "horizontal",
-	customLabel: mr,
-	value: t,
-	header: e,
-	opts: r,
-	onChange: n
-});
-br.propTypes = {
-	..._r,
-	choices: Q.default.arrayOf(Q.default.shape(gr))
-};
-var xr = br, Sr = V("p")(({ theme: e }) => ({
-	margin: 0,
-	fontSize: e.typography.fontSize
-})), Cr = V(_e)(({ theme: e }) => ({
-	marginTop: e.spacing(.5),
-	border: "2px solid lightgrey",
-	padding: `0 ${e.spacing(1)}`,
-	borderRadius: "4px"
-})), wr = ({ label: e, value: t, onChange: n, choices: r = [] }) => {
-	let i = (e) => typeof e == "string" ? e : e.label, a = (e) => typeof e == "string" ? e : e.value;
-	return /* @__PURE__ */ q("div", { children: [e && /* @__PURE__ */ K(Sr, { children: e }), /* @__PURE__ */ K(Cr, {
-		value: t || r && r[0],
-		onChange: ({ target: e }) => n(e.value),
-		input: /* @__PURE__ */ K(ae, { id: `dropdown-${e}` }),
-		disableUnderline: !0,
-		MenuProps: { transitionDuration: {
-			enter: 225,
-			exit: 195
-		} },
-		children: r.map((e, t) => /* @__PURE__ */ K(pe, {
-			value: a(e),
-			children: i(e)
-		}, t))
-	})] });
-};
-wr.propTypes = {
-	..._r,
-	choices: Q.default.arrayOf(Q.default.string)
-};
-var Tr = V(B)(({ theme: e }) => ({
-	marginRight: e.spacing(3),
-	marginTop: e.spacing(1)
-})), Er = ({ label: e }) => /* @__PURE__ */ K(Tr, { children: e }), Dr = V(Qt)(({ 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"
-	}
-})), Or = ({ label: e, value: t, onChange: n = () => {}, suffix: r, min: i, max: a }) => /* @__PURE__ */ K(Dr, {
-	variant: "standard",
-	label: e || "Label",
-	value: t,
-	max: a,
-	min: i,
-	onChange: (e, t) => n(t),
-	suffix: r,
-	showErrorWhenOutsideRange: !0,
-	disableUnderline: !0
-});
-Or.propTypes = {
-	..._r,
-	suffix: Q.default.string,
-	min: Q.default.number,
-	max: Q.default.number,
-	value: Q.default.number
-}, Er.propTypes = { ..._r };
-var kr = ({ disabled: e, label: t, value: n, onChange: r }) => /* @__PURE__ */ K(dr, {
-	label: t,
-	checked: !!n,
-	disabled: !!e,
-	toggle: r
-});
-kr.propTypes = {
-	..._r,
-	value: Q.default.bool
-};
-var Ar = {
-	toggle: kr,
-	radio: xr,
-	dropdown: wr,
-	numberField: Or,
-	checkbox: vr,
-	textField: Er
-}, jr = V("div")(({ theme: e }) => ({ margin: `0 0 ${e.spacing(2)} 0` })), Mr = V("div")(({ theme: e }) => ({
-	color: "#495B8F",
-	fontSize: e.typography.fontSize + 2,
-	fontWeight: 600,
-	marginBottom: e.spacing(1)
-})), Nr = V("p")(({ theme: e }) => ({
-	fontSize: e.typography.fontSize,
-	marginBottom: 0
-})), Pr = (e) => {
-	let { model: t, label: n, group: i, configuration: a, onChange: o } = e, s = (e, n, i) => {
-		let { isConfigProperty: s, ...c } = r(e, i || n), l = r(s ? a : t, n), u = {
-			...c,
-			key: n,
-			value: l
-		}, d = Ar[u.type];
-		return /* @__PURE__ */ K(d, {
-			...u,
-			onChange: (e) => o(n, e, s)
-		}, n);
-	}, c = (e, t) => {
-		let n = e[t];
-		if (!n) return null;
-		let { type: r, label: i, fields: a, choices: o } = n;
-		return r === "numberFields" ? /* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K(Nr, { children: i }), Object.keys(a).map((n) => s(e, `${t}.${n}`, `${t}.fields.${n}`))] }, `numberField-${i}`) : r === "checkboxes" ? /* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K("p", { children: i }), Object.keys(o).map((n) => s(e, `${t}.${n}`, `${t}.choices.${n}`))] }, `checkbox-${i}`) : s(e, t);
-	};
-	return /* @__PURE__ */ q(jr, { children: [/* @__PURE__ */ K(Mr, { children: n }), Object.keys(i).map((e) => c(i, e))] });
-};
-Pr.propTypes = {
-	model: Q.default.object,
-	label: Q.default.string,
-	group: Q.default.object,
-	configuration: Q.default.object,
-	onChange: Q.default.func
-};
-var Fr = class extends G.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) => {
-		hr("[changeModel]", e, t);
-		let { onChangeModel: r, onChangeConfiguration: i } = this.props, a = { ...this.props.model }, s = { ...this.props.configuration };
-		n ? (o(s, e, t), i(s, e)) : (o(a, e, t), r(a, e));
-	};
-	render() {
-		let { groups: e, model: t, configuration: n, modal: r } = this.props;
-		return hr("render:", t), /* @__PURE__ */ q("div", { children: [Object.keys(e || {}).map((r) => Object.entries(e[r]).some(([, e]) => !!e) ? /* @__PURE__ */ K(Pr, {
-			label: r,
-			model: t,
-			configuration: n,
-			group: e[r],
-			onChange: this.change
-		}, r) : null), r] });
-	}
-}, Ir = /* @__PURE__ */ un({
-	Panel: () => Fr,
-	checkbox: () => Wr,
-	checkboxes: () => Gr,
-	dropdown: () => Vr,
-	numberField: () => Hr,
-	numberFields: () => Ur,
-	radio: () => Br,
-	textField: () => Lr,
-	toggle: () => Rr
-}), Lr = (e, t = !0) => ({
-	label: e,
-	type: "textField",
-	isConfigProperty: t
-}), Rr = (e, t = !1, n = !1) => ({
-	type: "toggle",
-	label: e,
-	isConfigProperty: t,
-	disabled: n
-}), zr = (e) => typeof e == "string" ? {
-	label: e,
-	value: e
-} : e, Br = function() {
-	let [e, t, n = !1] = Array.prototype.slice.call(arguments);
-	return {
-		type: "radio",
-		label: e,
-		choices: t && t.map((e) => zr(e)),
-		isConfigProperty: n
-	};
-}, Vr = (e, t, n = !1) => ({
-	type: "dropdown",
-	label: e,
-	choices: t,
-	isConfigProperty: n
-}), Hr = (e, t, n = !1) => ({
-	...t,
-	label: e,
-	type: "numberField",
-	isConfigProperty: n
-}), Ur = (e, t, n = !1) => (Object.keys(t).map((e) => {
-	t[e] = Hr(t[e].label, t[e], n);
-}), {
-	type: "numberFields",
-	label: e,
-	fields: t
-}), Wr = (e, t, n = !1) => ({
-	...t,
-	label: e,
-	type: "checkbox",
-	isConfigProperty: n
-}), Gr = (e, t, n = !1) => (Object.keys(t).map((e) => {
-	t[e] = Wr(t[e].label, t[e], n);
-}), {
-	type: "checkboxes",
-	label: e,
-	choices: t
-});
-//#endregion
-//#region ../../lib-react/config-ui/dist/index.js
-function Kr(e) {
-	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
-}
-function qr(e, t) {
-	return !e || Kr(e) ? e : Kr(e.default) ? e.default : t && Kr(e[t]) ? e[t] : t && Kr(e[t]?.default) ? e[t].default : e;
-}
-var Jr = qr(ye, "InputContainer") || qr(Zr.InputContainer, "InputContainer"), Yr = me, Xr = Yr.default, Zr = Xr && typeof Xr == "object" ? Xr : Yr, Qr = k(/*#__PURE__*/ K("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-6h2zm0-8h-2V7h2z" }), "Info"), $r = "imes|riangle|an|heta|herefore", ei = "throot|parallel|cong|approx|eq|e|sim", ti = RegExp(`(\\t(?!${$r}))|(\\n(?!${ei}))|(\\\\t(?!${$r}))|(\\\\n(?!${ei}))`, "g"), ni = (e) => e.replace(ti, "").replace(/\\"/g, "\"").replace(/\\\//g, "/"), ri = (e = "") => {
-	let t = document.createElement("div");
-	return t.innerHTML = e.trim(), t;
-}, ii = (e) => {
-	let t = ri(ni(e || "") || ""), n = 0;
-	return t.querySelectorAll("[data-type=\"explicit_constructed_response\"]").forEach((e) => {
-		e.replaceWith(`{{${n++}}}`);
-	}), t.innerHTML;
-}, ai = /\{\{(\d+)\}\}/g, oi = (e, t) => e ? ni(e).replace(ai, (e, n) => `<span data-type="explicit_constructed_response" data-index="${n}" data-value="${d(t[n][0].label || "")}"></span>`) : "", si = (e) => e <= 2 ? e + 2 : e <= 4 ? e + 3 : e <= 6 ? e + 4 : e + 5, ci = (e) => typeof e == "string" ? e.replace(/<\/?[^>]+(>|$)/g, "") : "", li = (e) => new DOMParser().parseFromString(e, "text/html").body.textContent || "", ui = V(H)(({ theme: e }) => ({
-	backgroundColor: e.palette.common.white,
-	outline: "none",
-	lineHeight: "15px"
-})), di = class extends G.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 = ci(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__ */ K("div", {
-			style: i,
-			children: /* @__PURE__ */ K(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
-			})
-		});
-	}
-}, fi = V("div")(({ theme: e }) => ({ marginBottom: e.spacing(.5) })), pi = V("div")(({ theme: e }) => ({
-	alignItems: "flex-start",
-	flexDirection: "column",
-	display: "flex",
-	paddingTop: e.spacing(2.5),
-	"& > *": {
-		marginBottom: e.spacing(2.5),
-		width: "100%"
-	}
-})), mi = V(H)(({ theme: e, hasError: t }) => ({
-	flex: "1",
-	marginRight: e.spacing(2.5),
-	...t && {
-		border: `2px solid ${e.palette.error.main}`,
-		borderRadius: "6px"
-	}
-})), hi = V(oe)(({ theme: e }) => ({ "& svg": { fill: e.palette.grey[600] } })), gi = V("div")({
-	alignItems: "flex-end",
-	display: "flex",
-	justifyContent: "space-between",
-	width: "100%"
-}), _i = V("div")({
-	alignItems: "center",
-	display: "flex"
-}), vi = V(ie)(({ 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 }
-})), yi = V("div")(({ theme: e }) => ({
-	fontSize: e.typography.fontSize - 2,
-	color: e.palette.error.main,
-	paddingTop: e.spacing(.5)
-})), bi = V("div")({
-	alignItems: "center",
-	display: "flex",
-	justifyContent: "space-between"
-}), xi = class extends G.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 = c(this.props.onChange, 300);
-	UNSAFE_componentWillReceiveProps(e) {
-		e.markup && this.setState({ value: e.markup });
-	}
-	onChange = (e) => {
-		let t = ci(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__ */ q(G.Fragment, { children: [/* @__PURE__ */ q(bi, { children: [/* @__PURE__ */ K(mi, {
-			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__ */ K(hi, {
-			"aria-label": "delete",
-			onClick: t,
-			size: "large",
-			children: /* @__PURE__ */ K(ve, {})
-		})] }), r && /* @__PURE__ */ K(yi, { children: r })] });
-	}
-}, Si = class extends G.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 || !l(e.choices, this.state.choices) || !l(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 n = t(e.map((e) => parseInt(e.value)).filter((e) => !isNaN(e))) || 0;
-			this.setState({ choices: [...e, {
-				value: `${n + 1}`,
-				label: ""
-			}] });
-		}
-	};
-	onChoiceChanged = (e, t, n) => {
-		let { choiceChanged: r, lengthChanged: i, maxLength: a, choices: o } = this.props, s = o.map((e) => li(e.label || "").length);
-		s[n] = li(t).length;
-		let c = Math.max(...s);
-		r({
-			...e,
-			label: t
-		}), (c > a || c + 10 <= a) && i(si(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) => li(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__ */ q(fi, { children: [
-			/* @__PURE__ */ q(gi, { children: [/* @__PURE__ */ q(_e, {
-				variant: "standard",
-				displayEmpty: !0,
-				onChange: this.handleSelect,
-				value: r || "",
-				readOnly: n,
-				MenuProps: { transitionDuration: {
-					enter: 225,
-					exit: 195
-				} },
-				children: [/* @__PURE__ */ K(pe, {
-					value: "",
-					children: /* @__PURE__ */ K("em", { children: r ? "Remove selection" : "Select a response" })
-				}), e.map((e, t) => /* @__PURE__ */ K(pe, {
-					value: e?.value,
-					children: li(e?.label)
-				}, t))]
-			}), s && s.length > 0 && /* @__PURE__ */ q(_i, { children: [t && n && /* @__PURE__ */ K(vi, {
-				variant: "standard",
-				label: "Maximum length (characters)",
-				type: "number",
-				inputProps: {
-					min: c,
-					max: c + 10
-				},
-				value: t,
-				onChange: this.changeLength
-			}), /* @__PURE__ */ K(be, {
-				variant: "contained",
-				color: "primary",
-				onClick: this.onAddChoice,
-				children: "Add"
-			})] })] }),
-			a && a[0] && /* @__PURE__ */ K(yi, { children: a[0] }),
-			/* @__PURE__ */ K(pi, { children: s && s.map((e, t) => t > 0 && /* @__PURE__ */ K(xi, {
-				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)) })
-		] });
-	}
-}, Ci = class extends G.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: a(this.props.model.maxLengthPerChoice) };
-	UNSAFE_componentWillReceiveProps(e) {
-		this.updateChoicesIfNeeded(e);
-	}
-	componentDidMount() {
-		this.updateChoicesIfNeeded(this.props);
-	}
-	updateChoicesIfNeeded = (e) => {
-		if (!this.state.choices || !l(this.state.choices, e.model.choices) || !l(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: r } = e.model, i = n(t, (t, n, r) => (n && (e.maxLengthPerChoiceEnabled || n.length > 1) && (t[r] = n[0]), t), {});
-			this.setState({
-				choices: e.model.choices,
-				values: i,
-				maxLengthPerChoice: a(r)
-			});
-		}
-	};
-	getRemainingChoices = (e) => {
-		let { choices: t } = this.state;
-		return n(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__ */ q("div", { children: [s(e, (e, o) => {
-			if (e && (n || e.length > 1)) {
-				let s = this.state.values[o];
-				return /* @__PURE__ */ K(Si, {
-					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__ */ K(Si, {
-			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
-		})] });
-	}
-}, wi = (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: Ti, dropdown: Ei } = Ir, Di = V(Jr)(({ theme: e }) => ({
-	width: "100%",
-	paddingTop: e.spacing(1),
-	marginTop: e.spacing(2),
-	marginBottom: e.spacing(2)
-})), Oi = V(H)(({ theme: e }) => ({
-	minHeight: "100px",
-	paddingTop: e.spacing(1),
-	width: "100%",
-	"& [data-slate-editor=\"true\"]": { minHeight: "100px" }
-})), ki = V(B)(({ theme: e }) => ({ fontSize: e.typography.fontSize + 2 })), Ai = V(Nt)(({ theme: e }) => ({ "& .MuiTooltip-tooltip": {
-	fontSize: e.typography.fontSize - 2,
-	whiteSpace: "pre",
-	maxWidth: "500px"
-} })), ji = V("div")(({ theme: e }) => ({
-	fontSize: e.typography.fontSize - 2,
-	color: e.palette.error.main,
-	paddingTop: e.spacing(1)
-})), Mi = V("div")({
-	display: "flex",
-	alignItems: "center"
-}), Ni = V(B)(({ theme: e }) => ({
-	fontSize: e.typography.fontSize + 2,
-	marginTop: e.spacing(3),
-	marginBottom: e.spacing(1)
-})), Pi = (e) => {
-	let t = document.createElement("div");
-	return t.innerHTML = e.trim(), t;
-}, Fi = class extends G.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) => li(e.label || "").length), a = Math.max(...r);
-			(i || !n[t] || n[t] < a || n[t] > a + 10) && (n[t] = si(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 = li(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, si(o));
-		} else i[e][0].label = t || "", a && (a[e] < o || a[e] > o + 10) && (a[e] = si(o));
-		r({
-			choices: i,
-			maxLengthPerChoice: a
-		});
-	};
-	onChange = (e) => {
-		let { model: { choices: t, maxLengthPerChoice: n }, onModelChanged: r } = this.props, i = Pi(e), o = i.querySelectorAll("[data-type=\"explicit_constructed_response\"]"), s = {}, c = [];
-		o.forEach((e, r) => {
-			let i = a(t[e.dataset.index]);
-			i && (i[0] = {
-				label: e.dataset.value || "",
-				value: "0"
-			}, c[r] = n[e.dataset.index]), s[r] = i, e.dataset.index = r;
-		}), this.setState({ cachedChoices: void 0 }, () => r({
-			choices: s,
-			slateMarkup: i.innerHTML,
-			maxLengthPerChoice: c
-		}));
-	};
-	onHandleAreaChange = i((e) => {
-		let { model: { choices: t }, onModelChanged: n } = this.props, { cachedChoices: r } = this.state;
-		if (!e) return;
-		let i = t ? a(t) : {}, o = r ? a(r) : {};
-		e.forEach((e) => {
-			let t = e.index;
-			!i[t] && o[t] ? (Object.assign(i, h(o, t)), Object.prototype.hasOwnProperty.call(o, t) && delete o[t]) : (Object.assign(o, h(i, t)), Object.prototype.hasOwnProperty.call(i, t) && delete i[t]);
-		}), this.setState({ cachedChoices: o }, () => 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: O, maxLengthPerChoiceEnabled: k, promptEnabled: A, rationaleEnabled: j, spellCheckEnabled: M, teacherInstructionsEnabled: N, toolbarEditorPosition: P } = e || {}, { choices: F = {}, prompt: ee, rationale: I, responseAreas: te, teacherInstructions: ne } = D || {}, re = wi(t), ie = s && s.prompt, L = c && c.prompt, ae = { position: P === "top" ? "top" : "bottom" }, oe = {
-			partialScoring: d.settings && $(d.label),
-			maxLengthPerChoiceEnabled: l.settings && $(l.label),
-			"language.enabled": C.settings && $(C.label, !0),
-			language: C.settings && C.enabled && Ei(w.label, w.options),
-			"responseAreaInputConfiguration.inputConfiguration.characters.disabled": T.settings && $(T.label, !0)
-		}, R = {
-			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)
-		}, z = (e = {}) => ({
-			...a,
-			...e
-		});
-		return /* @__PURE__ */ q(sr.ConfigLayout, {
-			extraCSSRules: O,
-			dimensions: o,
-			hideSettings: _,
-			settings: /* @__PURE__ */ K(Ti, {
-				model: e,
-				configuration: t,
-				onChangeModel: (e) => this.onModelChange(e),
-				onChangeConfiguration: (e) => n(e, !0),
-				groups: {
-					Settings: oe,
-					Properties: R
-				}
-			}),
-			children: [
-				N && /* @__PURE__ */ q(Di, {
-					label: b.label,
-					children: [/* @__PURE__ */ K(H, {
-						className: "prompt",
-						markup: e.teacherInstructions || "",
-						onChange: this.onTeacherInstructionsChanged,
-						imageSupport: r,
-						nonEmpty: !1,
-						error: ne,
-						toolbarOpts: ae,
-						pluginProps: z(b?.inputConfiguration),
-						spellCheck: M,
-						maxImageWidth: s && s.teacherInstructions || ie,
-						maxImageHeight: c && c.teacherInstructions || L,
-						uploadSoundSupport: i,
-						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-						mathMlOptions: S,
-						autoWidthToolbar: !0
-					}), ne && /* @__PURE__ */ K(ji, { children: ne })]
-				}),
-				A && /* @__PURE__ */ q(Di, {
-					label: m.label,
-					children: [/* @__PURE__ */ K(H, {
-						className: "prompt",
-						markup: e.prompt,
-						onChange: this.onPromptChanged,
-						imageSupport: r,
-						nonEmpty: !1,
-						disableUnderline: !0,
-						error: ee,
-						toolbarOpts: ae,
-						pluginProps: z(m?.inputConfiguration),
-						spellCheck: M,
-						maxImageWidth: ie,
-						maxImageHeight: L,
-						uploadSoundSupport: i,
-						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-						mathMlOptions: S,
-						autoWidthToolbar: !0
-					}), ee && /* @__PURE__ */ K(ji, { children: ee })]
-				}),
-				/* @__PURE__ */ q(Mi, { children: [/* @__PURE__ */ K(ki, {
-					component: "div",
-					children: "Define Template, Choices, and Correct Responses"
-				}), /* @__PURE__ */ K(Ai, {
-					disableFocusListener: !0,
-					disableTouchListener: !0,
-					placement: "right",
-					title: re,
-					children: /* @__PURE__ */ K(Qr, {
-						fontSize: "small",
-						color: "primary",
-						style: { marginLeft: "8px" }
-					})
-				})] }),
-				/* @__PURE__ */ K(Oi, {
-					activePlugins: se,
-					toolbarOpts: { position: "top" },
-					spellCheck: M,
-					pluginProps: z(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__ */ K(di, {
-								onChangeResponse: (e) => this.onChangeResponse(r.attrs.index, e),
-								node: r,
-								pos: i,
-								editor: t,
-								onToolbarDone: n,
-								correctChoice: o,
-								maxLengthPerChoiceEnabled: k,
-								pluginProps: z(E?.inputConfiguration)
-							});
-						},
-						error: () => F,
-						onHandleAreaChange: this.onHandleAreaChange
-					},
-					markup: e.slateMarkup,
-					onChange: this.onChange,
-					imageSupport: r,
-					disableImageAlignmentButtons: !0,
-					onBlur: this.onBlur,
-					disabled: !1,
-					highlightShape: !1,
-					error: te,
-					uploadSoundSupport: i,
-					languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-					mathMlOptions: S,
-					autoWidthToolbar: !0
-				}),
-				te && /* @__PURE__ */ K(ji, { children: te }),
-				!p(e.choices) && /* @__PURE__ */ K(Ni, { children: `Define Alternates ${k ? "and Character Limits" : ""}` }),
-				/* @__PURE__ */ K(Ci, {
-					model: e,
-					onChange: this.onResponsesChanged,
-					onLengthChange: this.onLengthChanged,
-					maxLengthPerChoiceEnabled: k,
-					spellCheck: M,
-					choicesErrors: F,
-					pluginProps: z(E?.inputConfiguration)
-				}),
-				j && /* @__PURE__ */ q(Di, {
-					label: h.label,
-					children: [/* @__PURE__ */ K(H, {
-						className: "prompt",
-						markup: e.rationale || "",
-						onChange: this.onRationaleChanged,
-						imageSupport: r,
-						error: I,
-						toolbarOpts: ae,
-						pluginProps: z(h?.inputConfiguration),
-						spellCheck: M,
-						maxImageWidth: s && s.rationale || ie,
-						maxImageHeight: c && c.rationale || L,
-						uploadSoundSupport: i,
-						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-						mathMlOptions: S,
-						autoWidthToolbar: !0
-					}), I && /* @__PURE__ */ K(ji, { children: I })]
-				})
-			]
-		});
-	}
-}, Ii = {
-	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"
-		}
-	}
-}, Li = (0, Oe.default)("explicit-constructed-response:configure"), Ri = class e extends HTMLElement {
-	static prepareModel = (e = {}) => {
-		let t = {
-			...Ii.model,
-			...e
-		}, n = t.slateMarkup || oi(t.markup, t.choices), r = ii(n);
-		return t.choices && Object.keys(t.choices).forEach((e) => {
-			f(t.choices[e]) && (t.choices[e] = (t.choices[e] || []).map((e, t) => e.value ? e : (Li("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 = Ii.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 = g(e, Ii.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 ke(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 je(e));
-	}
-	onDeleteImage(e, t) {
-		this.dispatchEvent(new Ae(e, t));
-	}
-	insertSound(e) {
-		this.dispatchEvent(new Ne(e));
-	}
-	onDeleteSound(e, t) {
-		this.dispatchEvent(new Me(e, t));
-	}
-	_render() {
-		Li("_render");
-		let e = G.createElement(Fi, {
-			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 ||= Ee(this), this._root.render(e);
-	}
-	disconnectedCallback() {
-		this._root && this._root.unmount();
-	}
-};
-//#endregion
-export { Ri as default };
-
-//# sourceMappingURL=index.js.map