@pie-element/categorize 13.1.2-next.5 → 13.1.3

package/dist/browser/author/index.js

@@ -1,2041 +0,0 @@
-import { D as e, M as t, O as n, a as r, b as i, c as a, d as o, i as s, l as c, n as l, o as u, r as d, s as f, u as p } from "../dist-DnGF41FP.js";
-import { $ as m, A as h, B as g, D as _, E as v, F as y, H as b, I as x, J as ee, L as S, M as C, N as te, P as w, Q as T, R as E, U as D, V as ne, W as re, X as ie, Y as ae, Z as oe, _ as se, a as ce, b as O, c as k, d as A, et as le, f as j, g as ue, h as de, i as fe, k as M, l as pe, m as N, n as P, nt as me, o as he, p as ge, q as F, r as I, rt as L, s as R, t as z, tt as _e, u as ve, v as ye, y as B, z as be } from "../dist-7UsF60Ks.js";
-import * as V from "react";
-import H from "react";
-import { createRoot as U } from "react-dom/client";
-import { jsx as W, jsxs as G } from "react/jsx-runtime";
-//#region ../../lib-react/drag/dist/draggable-choice.js
-var K = /* @__PURE__ */ t(le(), 1), xe = F("div")(({ theme: e }) => ({
-	backgroundColor: e.palette.background.paper,
-	border: `solid 1px ${me[400]}`,
-	padding: e.spacing(1),
-	minHeight: "30px",
-	minWidth: e.spacing(20),
-	maxWidth: e.spacing(75),
-	cursor: "grab",
-	"& p": { margin: 0 },
-	"& p *": { margin: 0 },
-	"&:active": { cursor: "grabbing" }
-}));
-function q({ choice: e, children: t, className: n, disabled: r, category: i, alternateResponseIndex: a, choiceIndex: o, onRemoveChoice: s, type: c, id: l }) {
-	let { attributes: u, listeners: d, setNodeRef: f, isDragging: p } = ye({
-		id: l || e.id,
-		disabled: r,
-		categoryId: i?.id,
-		alternateResponseIndex: a,
-		data: {
-			id: e.id,
-			value: e.value,
-			choiceId: e.id,
-			from: i?.id,
-			categoryId: i?.id,
-			alternateResponseIndex: a,
-			choiceIndex: o,
-			onRemoveChoice: s,
-			type: c
-		}
-	});
-	return /* @__PURE__ */ W(xe, {
-		ref: f,
-		className: n,
-		isDragging: p,
-		...u,
-		...d,
-		children: t
-	});
-}
-q.propTypes = {
-	choice: K.default.shape({
-		id: K.default.oneOfType([K.default.string, K.default.number]).isRequired,
-		value: K.default.any
-	}).isRequired,
-	children: K.default.oneOfType([K.default.arrayOf(K.default.node), K.default.node]),
-	className: K.default.string,
-	disabled: K.default.bool,
-	category: K.default.shape({ id: K.default.oneOfType([K.default.string, K.default.number]) }),
-	alternateResponseIndex: K.default.number,
-	choiceIndex: K.default.number,
-	onRemoveChoice: K.default.func,
-	type: K.default.string,
-	id: K.default.string
-};
-//#endregion
-//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/CardActions/cardActionsClasses.js
-function Se(e) {
-	return T("MuiCardActions", e);
-}
-oe("MuiCardActions", ["root", "spacing"]);
-//#endregion
-//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/CardActions/CardActions.js
-var Ce = (e) => {
-	let { classes: t, disableSpacing: n } = e;
-	return ae({ root: ["root", !n && "spacing"] }, Se, t);
-}, we = F("div", {
-	name: "MuiCardActions",
-	slot: "Root",
-	overridesResolver: (e, t) => {
-		let { ownerState: n } = e;
-		return [t.root, !n.disableSpacing && t.spacing];
-	}
-})({
-	display: "flex",
-	alignItems: "center",
-	padding: 8,
-	variants: [{
-		props: { disableSpacing: !1 },
-		style: { "& > :not(style) ~ :not(style)": { marginLeft: 8 } }
-	}]
-}), Te = /*#__PURE__*/ V.forwardRef(function(e, t) {
-	let n = re({
-		props: e,
-		name: "MuiCardActions"
-	}), { disableSpacing: r = !1, className: i, ...a } = n, o = {
-		...n,
-		disableSpacing: r
-	};
-	return /*#__PURE__*/ W(we, {
-		className: m(Ce(o).root, i),
-		ownerState: o,
-		ref: t,
-		...a
-	});
-});
-//#endregion
-//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/Tooltip/tooltipClasses.js
-function Ee(e) {
-	return T("MuiTooltip", e);
-}
-var J = oe("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 De(e) {
-	return Math.round(e * 1e5) / 1e5;
-}
-var Oe = (e) => {
-	let { classes: t, disableInteractive: n, arrow: r, touch: i, placement: a } = e;
-	return ae({
-		popper: [
-			"popper",
-			!n && "popperInteractive",
-			r && "popperArrow"
-		],
-		tooltip: [
-			"tooltip",
-			r && "tooltipArrow",
-			i && "touch",
-			`tooltipPlacement${x(a.split("-")[0])}`
-		],
-		arrow: ["arrow"]
-	}, Ee, t);
-}, ke = F(A, {
-	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
-		];
-	}
-})(E(({ 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"] .${J.arrow}`]: {
-					top: 0,
-					marginTop: "-0.71em",
-					"&::before": { transformOrigin: "0 100%" }
-				},
-				[`&[data-popper-placement*="top"] .${J.arrow}`]: {
-					bottom: 0,
-					marginBottom: "-0.71em",
-					"&::before": { transformOrigin: "100% 0" }
-				},
-				[`&[data-popper-placement*="right"] .${J.arrow}`]: {
-					height: "1em",
-					width: "0.71em",
-					"&::before": { transformOrigin: "100% 100%" }
-				},
-				[`&[data-popper-placement*="left"] .${J.arrow}`]: {
-					height: "1em",
-					width: "0.71em",
-					"&::before": { transformOrigin: "0 0" }
-				}
-			}
-		},
-		{
-			props: ({ ownerState: e }) => e.arrow && !e.isRtl,
-			style: { [`&[data-popper-placement*="right"] .${J.arrow}`]: {
-				left: 0,
-				marginLeft: "-0.71em"
-			} }
-		},
-		{
-			props: ({ ownerState: e }) => e.arrow && !!e.isRtl,
-			style: { [`&[data-popper-placement*="right"] .${J.arrow}`]: {
-				right: 0,
-				marginRight: "-0.71em"
-			} }
-		},
-		{
-			props: ({ ownerState: e }) => e.arrow && !e.isRtl,
-			style: { [`&[data-popper-placement*="left"] .${J.arrow}`]: {
-				right: 0,
-				marginRight: "-0.71em"
-			} }
-		},
-		{
-			props: ({ ownerState: e }) => e.arrow && !!e.isRtl,
-			style: { [`&[data-popper-placement*="left"] .${J.arrow}`]: {
-				left: 0,
-				marginLeft: "-0.71em"
-			} }
-		}
-	]
-}))), Ae = F("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${x(n.placement.split("-")[0])}`]
-		];
-	}
-})(E(({ 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,
-	[`.${J.popper}[data-popper-placement*="left"] &`]: { transformOrigin: "right center" },
-	[`.${J.popper}[data-popper-placement*="right"] &`]: { transformOrigin: "left center" },
-	[`.${J.popper}[data-popper-placement*="top"] &`]: {
-		transformOrigin: "center bottom",
-		marginBottom: "14px"
-	},
-	[`.${J.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: `${De(16 / 14)}em`,
-				fontWeight: e.typography.fontWeightRegular
-			}
-		},
-		{
-			props: ({ ownerState: e }) => !e.isRtl,
-			style: {
-				[`.${J.popper}[data-popper-placement*="left"] &`]: { marginRight: "14px" },
-				[`.${J.popper}[data-popper-placement*="right"] &`]: { marginLeft: "14px" }
-			}
-		},
-		{
-			props: ({ ownerState: e }) => !e.isRtl && e.touch,
-			style: {
-				[`.${J.popper}[data-popper-placement*="left"] &`]: { marginRight: "24px" },
-				[`.${J.popper}[data-popper-placement*="right"] &`]: { marginLeft: "24px" }
-			}
-		},
-		{
-			props: ({ ownerState: e }) => !!e.isRtl,
-			style: {
-				[`.${J.popper}[data-popper-placement*="left"] &`]: { marginLeft: "14px" },
-				[`.${J.popper}[data-popper-placement*="right"] &`]: { marginRight: "14px" }
-			}
-		},
-		{
-			props: ({ ownerState: e }) => !!e.isRtl && e.touch,
-			style: {
-				[`.${J.popper}[data-popper-placement*="left"] &`]: { marginLeft: "24px" },
-				[`.${J.popper}[data-popper-placement*="right"] &`]: { marginRight: "24px" }
-			}
-		},
-		{
-			props: ({ ownerState: e }) => e.touch,
-			style: { [`.${J.popper}[data-popper-placement*="top"] &`]: { marginBottom: "24px" } }
-		},
-		{
-			props: ({ ownerState: e }) => e.touch,
-			style: { [`.${J.popper}[data-popper-placement*="bottom"] &`]: { marginTop: "24px" } }
-		}
-	]
-}))), je = F("span", {
-	name: "MuiTooltip",
-	slot: "Arrow"
-})(E(({ 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)"
-	}
-}))), Me = !1, Ne = new b(), Pe = {
-	x: 0,
-	y: 0
-};
-function Fe(e, t) {
-	return (n, ...r) => {
-		t && t(n, ...r), e(n, ...r);
-	};
-}
-var Ie = /*#__PURE__*/ V.forwardRef(function(e, t) {
-	let n = re({
-		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: _ = 0, enterTouchDelay: v = 700, followCursor: y = !1, id: b, leaveDelay: x = 0, leaveTouchDelay: T = 1500, onClose: E, onOpen: ae, open: oe, placement: se = "bottom", PopperComponent: ce, PopperProps: O = {}, slotProps: k = {}, slots: le = {}, title: j, TransitionComponent: ue, TransitionProps: de, ...fe } = n, M = /*#__PURE__*/ V.isValidElement(i) ? i : /*#__PURE__*/ W("span", { children: i }), pe = ee(), N = ie(), [P, me] = V.useState(), [he, ge] = V.useState(null), F = V.useRef(!1), I = d || y, L = D(), R = D(), z = D(), _e = D(), [ve, ye] = te({
-		controlled: oe,
-		default: !1,
-		name: "Tooltip",
-		state: "open"
-	}), B = ve, H = w(b), U = V.useRef(), K = C(() => {
-		U.current !== void 0 && (document.body.style.WebkitUserSelect = U.current, U.current = void 0), _e.clear();
-	});
-	V.useEffect(() => K, [K]);
-	let xe = (e) => {
-		Ne.clear(), Me = !0, ye(!0), ae && !B && ae(e);
-	}, q = C((e) => {
-		Ne.start(800 + x, () => {
-			Me = !1;
-		}), ye(!1), E && B && E(e), L.start(pe.transitions.duration.shortest, () => {
-			F.current = !1;
-		});
-	}), Se = (e) => {
-		F.current && e.type !== "touchstart" || (P && P.removeAttribute("title"), R.clear(), z.clear(), p || Me && _ ? R.start(Me ? _ : p, () => {
-			xe(e);
-		}) : xe(e));
-	}, Ce = (e) => {
-		R.clear(), z.start(x, () => {
-			q(e);
-		});
-	}, [, we] = V.useState(!1), Te = (e) => {
-		let t = e?.target ?? P;
-		if (!t || !h(t)) {
-			we(!1);
-			let n = e ?? new Event("blur");
-			!e && t && (Object.defineProperty(n, "target", { value: t }), Object.defineProperty(n, "currentTarget", { value: t })), Ce(n);
-		}
-	}, Ee = (e) => {
-		P || me(e.currentTarget), h(e.target) && (we(!0), Se(e));
-	}, J = (e) => {
-		F.current = !0;
-		let t = M.props;
-		t.onTouchStart && t.onTouchStart(e);
-	}, De = (e) => {
-		J(e), z.clear(), L.clear(), K(), U.current = document.body.style.WebkitUserSelect, document.body.style.WebkitUserSelect = "none", _e.start(v, () => {
-			document.body.style.WebkitUserSelect = U.current, Se(e);
-		});
-	}, Ie = (e) => {
-		M.props.onTouchEnd && M.props.onTouchEnd(e), K(), z.start(T, () => {
-			q(e);
-		});
-	};
-	V.useEffect(() => {
-		if (!B) return;
-		function e(e) {
-			e.key === "Escape" && q(e);
-		}
-		return document.addEventListener("keydown", e), () => {
-			document.removeEventListener("keydown", e);
-		};
-	}, [q, B]);
-	let Le = g(ne(M), me, t);
-	!j && j !== 0 && (B = !1);
-	let Re = V.useRef(), ze = (e) => {
-		let t = M.props;
-		t.onMouseMove && t.onMouseMove(e), Pe = {
-			x: e.clientX,
-			y: e.clientY
-		}, Re.current && Re.current.update();
-	}, Y = {}, Be = typeof j == "string";
-	c ? (Y.title = !B && Be && !u ? j : null, Y["aria-describedby"] = B ? H : null) : (Y["aria-label"] = Be ? j : null, Y["aria-labelledby"] = B && !Be ? H : null);
-	let X = {
-		...Y,
-		...fe,
-		...M.props,
-		className: m(fe.className, M.props.className),
-		onTouchStart: J,
-		ref: Le,
-		...y ? { onMouseMove: ze } : {}
-	}, Ve = {};
-	f || (X.onTouchStart = De, X.onTouchEnd = Ie), u || (X.onMouseOver = Fe(Se, X.onMouseOver), X.onMouseLeave = Fe(Ce, X.onMouseLeave), I || (Ve.onMouseOver = Se, Ve.onMouseLeave = Ce)), l || (X.onFocus = Fe(Ee, X.onFocus), X.onBlur = Fe(Te, X.onBlur), I || (Ve.onFocus = Ee, Ve.onBlur = Te));
-	let Z = {
-		...n,
-		isRtl: N,
-		arrow: r,
-		disableInteractive: I,
-		placement: se,
-		PopperComponentProp: ce,
-		touch: F.current
-	}, He = typeof k.popper == "function" ? k.popper(Z) : k.popper, Ue = V.useMemo(() => {
-		let e = [{
-			name: "arrow",
-			enabled: !!he,
-			options: {
-				element: he,
-				padding: 4
-			}
-		}];
-		return O.popperOptions?.modifiers && (e = e.concat(O.popperOptions.modifiers)), He?.popperOptions?.modifiers && (e = e.concat(He.popperOptions.modifiers)), {
-			...O.popperOptions,
-			...He?.popperOptions,
-			modifiers: e
-		};
-	}, [
-		he,
-		O.popperOptions,
-		He?.popperOptions
-	]), We = Oe(Z), Ge = typeof k.transition == "function" ? k.transition(Z) : k.transition, Ke = {
-		slots: {
-			popper: o.Popper,
-			transition: o.Transition ?? ue,
-			tooltip: o.Tooltip,
-			arrow: o.Arrow,
-			...le
-		},
-		slotProps: {
-			arrow: k.arrow ?? s.arrow,
-			popper: {
-				...O,
-				...He ?? s.popper
-			},
-			tooltip: k.tooltip ?? s.tooltip,
-			transition: {
-				...de,
-				...Ge ?? s.transition
-			}
-		}
-	}, [qe, Je] = S("popper", {
-		elementType: ke,
-		externalForwardedProps: Ke,
-		ownerState: Z,
-		className: m(We.popper, O?.className)
-	}), [Ye, Xe] = S("transition", {
-		elementType: be,
-		externalForwardedProps: Ke,
-		ownerState: Z
-	}), [Ze, Qe] = S("tooltip", {
-		elementType: Ae,
-		className: We.tooltip,
-		externalForwardedProps: Ke,
-		ownerState: Z
-	}), [$e, et] = S("arrow", {
-		elementType: je,
-		className: We.arrow,
-		externalForwardedProps: Ke,
-		ownerState: Z,
-		ref: ge
-	});
-	return /*#__PURE__*/ G(V.Fragment, { children: [/*#__PURE__*/ V.cloneElement(M, X), /*#__PURE__*/ W(qe, {
-		as: ce ?? A,
-		placement: se,
-		anchorEl: y ? { getBoundingClientRect: () => ({
-			top: Pe.y,
-			left: Pe.x,
-			right: Pe.x,
-			bottom: Pe.y,
-			width: 0,
-			height: 0
-		}) } : P,
-		popperRef: Re,
-		open: P ? B : !1,
-		id: H,
-		transition: !0,
-		...Ve,
-		...Je,
-		popperOptions: Ue,
-		children: ({ TransitionProps: e }) => /*#__PURE__*/ W(Ye, {
-			timeout: pe.transitions.duration.shorter,
-			...e,
-			...Xe,
-			children: /*#__PURE__*/ G(Ze, {
-				...Qe,
-				children: [j, r ? /*#__PURE__*/ W($e, { ...et }) : null]
-			})
-		})
-	})] });
-}), Le = 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;
-	}
-}, Re = 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;
-	}
-}, ze = class e extends CustomEvent {
-	static {
-		this.TYPE = "insert.image";
-	}
-	constructor(t) {
-		super(e.TYPE, {
-			bubbles: !0,
-			detail: t
-		}), this.handler = t;
-	}
-}, Y = 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;
-	}
-}, Be = class e extends CustomEvent {
-	static {
-		this.TYPE = "insert.sound";
-	}
-	constructor(t) {
-		super(e.TYPE, {
-			bubbles: !0,
-			detail: t
-		}), this.handler = t;
-	}
-}, X = (e = {}, t = {}) => ({
-	...t,
-	...e
-}), Ve = y(/*#__PURE__*/ W("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"), Z = F(R)({
-	flex: "1",
-	maxWidth: "100%"
-}), He = F("div")(({ theme: e }) => ({
-	display: "flex",
-	justifyContent: "space-between",
-	paddingBottom: e.spacing(1)
-})), Ue = class extends H.Component {
-	static propTypes = {
-		configuration: K.default.object.isRequired,
-		deleteFocusedEl: K.default.func,
-		disabled: K.default.bool,
-		focusedEl: K.default.number,
-		index: K.default.number,
-		label: K.default.string,
-		maxImageWidth: K.default.object,
-		maxImageHeight: K.default.object,
-		onChange: K.default.func,
-		onDelete: K.default.func,
-		imageSupport: K.default.shape({
-			add: K.default.func.isRequired,
-			delete: K.default.func.isRequired
-		}),
-		uploadSoundSupport: K.default.shape({
-			add: K.default.func.isRequired,
-			delete: K.default.func.isRequired
-		}),
-		toolbarOpts: K.default.object,
-		error: K.default.string,
-		spellCheck: K.default.bool
-	};
-	static defaultProps = {};
-	constructor(e) {
-		super(e);
-	}
-	render() {
-		let { onChange: e, configuration: t, label: n, deleteFocusedEl: r, disabled: i, imageSupport: a, toolbarOpts: o, spellCheck: s, error: c, maxImageWidth: l, maxImageHeight: u, uploadSoundSupport: d, mathMlOptions: f = {}, focusedEl: p, index: m } = this.props, { headers: h, baseInputConfiguration: g } = t;
-		return /* @__PURE__ */ W(He, { children: /* @__PURE__ */ W(Z, {
-			imageSupport: a,
-			disabled: i,
-			autoFocus: p != null && p === m,
-			autoWidthToolbar: !0,
-			label: "label",
-			markup: n,
-			onChange: e,
-			pluginProps: X(h?.inputConfiguration, g),
-			toolbarOpts: o,
-			spellCheck: s,
-			error: c,
-			maxImageWidth: l,
-			maxImageHeight: u,
-			uploadSoundSupport: d,
-			languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-			onDone: () => {
-				r && r();
-			},
-			mathMlOptions: f
-		}) });
-	}
-}, We = F(M)(({ theme: e }) => ({ height: e.spacing(4) })), Ge = class extends H.Component {
-	static propTypes = {
-		label: K.default.string,
-		onClick: K.default.func,
-		disabled: K.default.bool
-	};
-	static defaultProps = { label: "Add" };
-	render() {
-		let { label: e, onClick: t, disabled: n } = this.props;
-		return /* @__PURE__ */ W(We, {
-			onClick: t,
-			disabled: n,
-			size: "small",
-			variant: "contained",
-			color: "primary",
-			children: e
-		});
-	}
-}, Ke = F(M)({
-	margin: 0,
-	padding: 0
-}), qe = ({ label: e, onClick: t, disabled: n }) => /* @__PURE__ */ W(Ke, {
-	onClick: t,
-	size: "small",
-	color: "primary",
-	disabled: n,
-	children: e
-}), Je = y(/*#__PURE__*/ W("path", { d: "M7 11v2h10v-2zm5-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8" }), "RemoveCircleOutline");
-//#endregion
-//#region src/author/design/categories/choice-preview.tsx
-function Ye(e) {
-	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
-}
-function Xe(e, t) {
-	return !e || Ye(e) ? e : Ye(e.default) ? e.default : t && Ye(e[t]) ? e[t] : t && Ye(e[t]?.default) ? e[t].default : e;
-}
-var Ze = Xe(_, "HtmlAndMath") || Xe(et.HtmlAndMath, "HtmlAndMath"), Qe = O, $e = Qe.default, et = $e && typeof $e == "object" ? $e : Qe, tt = F("div")({
-	position: "relative",
-	overflow: "auto",
-	touchAction: "none"
-}), nt = F(ge)({
-	position: "absolute",
-	right: 0,
-	top: 0,
-	color: `${_e.tertiary()} !important`
-}), rt = class extends H.Component {
-	static propTypes = {
-		alternateResponseIndex: K.default.number,
-		category: K.default.object,
-		choice: K.default.object.isRequired,
-		choiceIndex: K.default.number,
-		onDelete: K.default.func
-	};
-	static defaultProps = { onDelete: () => {} };
-	delete = () => {
-		let { onDelete: e, choice: t } = this.props;
-		e(t);
-	};
-	render() {
-		let { alternateResponseIndex: e, category: t, choice: n, choiceIndex: r } = this.props, i = t && t.id, a = e === void 0 ? `${n.id}-${i}-${r}` : `${n.id}-${i}-${r}-alt-${e}`;
-		return /* @__PURE__ */ G(tt, { children: [n ? /* @__PURE__ */ W(q, {
-			alternateResponseIndex: e,
-			category: t,
-			choice: n,
-			choiceIndex: r,
-			onRemoveChoice: this.delete,
-			type: "choice-preview",
-			id: a,
-			categoryId: i,
-			children: /* @__PURE__ */ W(Ze, { html: n?.content })
-		}) : null, /* @__PURE__ */ W(nt, {
-			"aria-label": "delete",
-			onClick: this.delete,
-			size: "large",
-			children: /* @__PURE__ */ W(Je, {})
-		})] });
-	}
-}, it = /* @__PURE__ */ t(n(), 1);
-(0, it.default)("@pie-element:categorize:configure");
-var at = F("div")(({ theme: e }) => ({
-	display: "flex",
-	alignItems: "center",
-	justifyContent: "center",
-	fontSize: e.typography.fontSize - 2,
-	color: `rgba(${e.palette.common.black}, 0.4)`,
-	width: "100%",
-	height: "100%"
-})), ot = () => /* @__PURE__ */ W(at, { children: "Drag your correct answers here" }), st = ({ alternateResponseIndex: e, category: t, choices: n, onDeleteChoice: r }) => /* @__PURE__ */ W(H.Fragment, { children: (n || []).map((n, i) => n && /* @__PURE__ */ W(rt, {
-	alternateResponseIndex: e,
-	category: t,
-	choice: n,
-	choiceIndex: i,
-	onDelete: (e) => r(e, i)
-}, i)) });
-st.propTypes = {
-	alternateResponseIndex: K.default.number,
-	category: K.default.object,
-	choices: K.default.array,
-	onDeleteChoice: K.default.func
-};
-var ct = ({ alternateResponseIndex: e, category: t, choices: n, onDeleteChoice: r, categoryId: i, isAlternate: a }) => {
-	let { setNodeRef: o, isOver: s } = B({
-		id: `${i}-${a ? "alternate" : "standard"}`,
-		data: {
-			accepts: ["choice", "choice-preview"],
-			alternateResponseIndex: e,
-			categoryId: i,
-			type: a ? "category-alternate" : "category",
-			id: i
-		}
-	});
-	return /* @__PURE__ */ W("div", {
-		ref: o,
-		children: /* @__PURE__ */ W(ue, {
-			isOver: s,
-			extraStyles: {
-				width: "100%",
-				minHeight: "100px",
-				height: "auto"
-			},
-			children: (n || []).length === 0 ? /* @__PURE__ */ W(ot, {}) : /* @__PURE__ */ W(st, {
-				alternateResponseIndex: e,
-				category: t,
-				choices: n,
-				onDeleteChoice: r
-			})
-		})
-	});
-};
-ct.propTypes = {
-	alternateResponseIndex: K.default.number,
-	category: K.default.object,
-	choices: K.default.array,
-	onDeleteChoice: K.default.func,
-	categoryId: K.default.string.isRequired,
-	isAlternate: K.default.bool
-};
-var lt = N.withUid(ct), ut = F(ve, { shouldForwardProp: (e) => e !== "isDuplicated" })(({ theme: e, isDuplicated: t }) => ({
-	minWidth: "196px",
-	padding: e.spacing(1),
-	overflow: "visible",
-	...t && { border: "1px solid red" }
-})), dt = F(Te)(({ theme: e }) => ({ padding: `${e.spacing(1)} 0 0` })), ft = F("div")(({ theme: e }) => ({
-	padding: e.spacing(2),
-	"& p": { margin: 0 }
-})), pt = F("div")(({ theme: e }) => ({
-	fontSize: e.typography.fontSize - 2,
-	color: e.palette.error.main,
-	paddingBottom: e.spacing(1)
-})), mt = class extends H.Component {
-	static propTypes = {
-		alternateResponseIndex: K.default.number,
-		category: K.default.object.isRequired,
-		configuration: K.default.object.isRequired,
-		defaultImageMaxHeight: K.default.number,
-		defaultImageMaxWidth: K.default.number,
-		deleteFocusedEl: K.default.func,
-		focusedEl: K.default.number,
-		index: K.default.number,
-		error: K.default.string,
-		isDuplicated: K.default.bool,
-		maxImageWidth: K.default.object,
-		maxImageHeight: K.default.object,
-		onChange: K.default.func,
-		onDelete: K.default.func,
-		onDeleteChoice: K.default.func,
-		imageSupport: K.default.shape({
-			add: K.default.func.isRequired,
-			delete: K.default.func.isRequired
-		}),
-		toolbarOpts: K.default.object,
-		spellCheck: K.default.bool,
-		uploadSoundSupport: K.default.shape({
-			add: K.default.func.isRequired,
-			delete: K.default.func.isRequired
-		}),
-		isAlternate: K.default.bool
-	};
-	static defaultProps = {};
-	changeLabel = (e) => {
-		let { category: t, onChange: n } = this.props;
-		t.label = e, n(t);
-	};
-	render() {
-		let { alternateResponseIndex: e, category: t, configuration: n, deleteFocusedEl: r, focusedEl: i, index: a, error: o, isDuplicated: s, onDelete: c, onDeleteChoice: l, imageSupport: u, spellCheck: d, toolbarOpts: f, maxImageWidth: p, maxImageHeight: m, uploadSoundSupport: h, mathMlOptions: g = {} } = this.props;
-		return /* @__PURE__ */ G(ut, {
-			isDuplicated: s,
-			children: [
-				/* @__PURE__ */ G("span", { children: [e || e === 0 ? /* @__PURE__ */ W(ft, { dangerouslySetInnerHTML: { __html: t.label } }) : /* @__PURE__ */ W(Ue, {
-					label: t.label,
-					focusedEl: i,
-					deleteFocusedEl: r,
-					index: a,
-					disabled: !!e || e === 0,
-					error: o,
-					onChange: this.changeLabel,
-					onDelete: c,
-					imageSupport: u,
-					toolbarOpts: f,
-					spellCheck: d,
-					maxImageWidth: p,
-					maxImageHeight: m,
-					uploadSoundSupport: h,
-					mathMlOptions: g,
-					configuration: n
-				}), o && /* @__PURE__ */ W(pt, { children: o })] }),
-				/* @__PURE__ */ W(lt, {
-					alternateResponseIndex: e,
-					category: t,
-					choices: t.choices,
-					onDeleteChoice: l,
-					categoryId: t.id,
-					extraStyles: { minHeight: "100px" },
-					isAlternate: this.props.isAlternate
-				}),
-				c && /* @__PURE__ */ W(dt, { children: /* @__PURE__ */ W(qe, {
-					label: "delete",
-					onClick: c
-				}) })
-			]
-		});
-	}
-}, ht = F("div")(({ theme: e }) => ({
-	display: "flex",
-	justifyContent: "space-between",
-	marginBottom: e.spacing(1)
-})), gt = F("div")({
-	display: "flex",
-	alignItems: "center"
-}), _t = F(Ie)(({ theme: e }) => ({ "& .MuiTooltip-tooltip": {
-	fontSize: e.typography.fontSize - 2,
-	whiteSpace: "pre",
-	maxWidth: "500px"
-} })), vt = class extends H.Component {
-	static propTypes = {
-		buttonLabel: K.default.string,
-		onAdd: K.default.func.isRequired,
-		label: K.default.string.isRequired,
-		info: K.default.any,
-		buttonDisabled: K.default.bool,
-		variant: K.default.string,
-		tooltip: K.default.string
-	};
-	static defaultProps = {};
-	render() {
-		let { onAdd: e, label: t, buttonLabel: n, info: r, buttonDisabled: i, variant: a, tooltip: o } = this.props;
-		return /* @__PURE__ */ G(ht, { children: [/* @__PURE__ */ G(gt, { children: [/* @__PURE__ */ W(j, {
-			variant: a || "title",
-			children: t
-		}), r] }), /* @__PURE__ */ W(_t, {
-			title: o || "",
-			enterTouchDelay: 50,
-			leaveTouchDelay: 3e3,
-			children: /* @__PURE__ */ W("span", { children: /* @__PURE__ */ W(Ge, {
-				onClick: e,
-				label: n,
-				disabled: i
-			}) })
-		})] });
-	}
-}, yt = (e) => {
-	let { minChoices: t, maxChoices: n, maxCategories: r } = e || {};
-	return t ||= 1, "Validation requirements:" + ("\nThe choices content should not be empty and should be unique.\nThere should be at least 1 " + (r ? `and at most ${r} ` : "") + "category" + (r ? "s" : "") + " defined." + (t ? `\nThere should be at least ${t} choices defined.` : "") + (n ? `\nNo more than ${n} choices should be defined.` : "") + "\nAt least one token should be assigned to at least one category.");
-}, Q = {
-	enabled: "Yes",
-	disabled: "No",
-	perChoice: "Set Per Choice"
-}, bt = (e) => (e || []).reduce((e, t) => Math.max(e, t.length), 0), xt = (e) => {
-	let { correctResponse: t = [] } = e || {};
-	return t.reduce((e, t) => {
-		let n = t?.choices?.length || 0, r = t?.alternateResponses || [], i = Math.max(n, bt(r));
-		return i > e ? i : e;
-	}, 0);
-};
-//#endregion
-//#region src/author/design/categories/RowLabel.tsx
-function St(e) {
-	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
-}
-function Ct(e, t) {
-	return !e || St(e) ? e : St(e.default) ? e.default : t && St(e[t]) ? e[t] : t && St(e[t]?.default) ? e[t].default : e;
-}
-var wt = Ct(v, "InputContainer") || Ct(Dt.InputContainer, "InputContainer"), Tt = O, Et = Tt.default, Dt = Et && typeof Et == "object" ? Et : Tt, Ot = F(wt)(({ theme: e }) => ({
-	width: "100%",
-	paddingTop: e.spacing(1),
-	marginTop: e.spacing(1)
-})), kt = ({ categoriesPerRow: e, configuration: t, disabled: n, markup: r, imageSupport: i, onChange: a, toolbarOpts: o, spellCheck: s, maxImageWidth: c, maxImageHeight: l, uploadSoundSupport: u, mathMlOptions: d = {} }) => {
-	let { rowLabels: f, baseInputConfiguration: p } = t;
-	return /* @__PURE__ */ W("div", {
-		style: {
-			gridColumn: `1/${e + 1}`,
-			width: "100%"
-		},
-		children: /* @__PURE__ */ W(Ot, {
-			label: "Row Label",
-			children: /* @__PURE__ */ W(R, {
-				disabled: n,
-				markup: r,
-				onChange: a,
-				imageSupport: i,
-				nonEmpty: !1,
-				toolbarOpts: o,
-				pluginProps: X(f?.inputConfiguration, p),
-				spellCheck: s,
-				maxImageWidth: c,
-				maxImageHeight: l,
-				uploadSoundSupport: u,
-				languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-				mathMlOptions: d
-			})
-		})
-	});
-}, At = F("div")(({ theme: e }) => ({ marginBottom: e.spacing(3) })), jt = F("div")(({ theme: e }) => ({
-	display: "grid",
-	gridRowGap: e.spacing(1),
-	gridColumnGap: e.spacing(1)
-})), Mt = F(Ie)(({ theme: e }) => ({ "& .MuiTooltip-tooltip": {
-	fontSize: e.typography.fontSize - 2,
-	whiteSpace: "pre",
-	maxWidth: "500px"
-} })), Nt = F("div")(({ theme: e }) => ({
-	fontSize: e.typography.fontSize - 2,
-	color: e.palette.error.main,
-	paddingTop: e.spacing(.5)
-})), Pt = class extends H.Component {
-	static propTypes = {
-		defaultImageMaxHeight: K.default.number,
-		defaultImageMaxWidth: K.default.number,
-		imageSupport: K.default.shape({
-			add: K.default.func.isRequired,
-			delete: K.default.func.isRequired
-		}),
-		uploadSoundSupport: K.default.shape({
-			add: K.default.func.isRequired,
-			delete: K.default.func.isRequired
-		}),
-		categories: K.default.array,
-		onModelChanged: K.default.func,
-		model: K.default.object.isRequired,
-		configuration: K.default.object.isRequired,
-		toolbarOpts: K.default.object,
-		spellCheck: K.default.bool
-	};
-	state = { focusedEl: null };
-	add = () => {
-		let { model: e, categories: t } = this.props, { categoriesPerRow: n, correctResponse: r, allowAlternateEnabled: i } = e, a = I.firstAvailableIndex(e.categories.map((e) => e.id), 1), o = {
-			id: a,
-			label: "Category " + a
-		}, s = e.categories.length % n === 0, c = [...e.rowLabels];
-		s && c.push(""), this.setState({ focusedEl: t.length }, () => {
-			this.props.onModelChanged({
-				rowLabels: c,
-				categories: e.categories.concat([o]),
-				correctResponse: i ? [...r, {
-					category: a,
-					choices: [],
-					alternateResponses: []
-				}] : r
-			});
-		});
-	};
-	deleteFocusedEl = () => {
-		this.setState({ focusedEl: null });
-	};
-	delete = (e) => {
-		let { model: t, onModelChanged: n } = this.props, r = t.categories.findIndex((t) => t.id === e.id);
-		r !== -1 && (t.categories.splice(r, 1), t.correctResponse = f(e.id, t.correctResponse), n(t));
-	};
-	change = (e) => {
-		let { categories: t } = this.props, n = t.findIndex((t) => t.id === e.id);
-		n !== -1 && (t.splice(n, 1, e), this.props.onModelChanged({ categories: t }));
-	};
-	deleteChoiceFromCategory = (e, t, n) => {
-		let { model: r, onModelChanged: i } = this.props;
-		i({ correctResponse: c(t.id, e.id, n, r.correctResponse) });
-	};
-	changeRowLabel = (e, t) => {
-		let { model: n } = this.props, { rowLabels: r } = n, i = [...r];
-		i.length < t ? i.push(e) : i[t] = e, this.props.onModelChanged({ rowLabels: i });
-	};
-	render() {
-		let { model: e, categories: t, imageSupport: n, uploadSoundSupport: r, toolbarOpts: i, spellCheck: a, configuration: o, defaultImageMaxHeight: s, defaultImageMaxWidth: c, mathMlOptions: l = {} } = this.props, { categoriesPerRow: u, rowLabels: d, errors: f } = e, { associationError: p, categoriesError: m, categoriesErrors: h } = f || {}, { maxCategories: g, maxImageWidth: _ = {}, maxImageHeight: v = {} } = o || {}, y = { gridTemplateColumns: `repeat(${u}, 1fr)` }, b = yt(o);
-		return /* @__PURE__ */ G(At, { children: [
-			/* @__PURE__ */ W(vt, {
-				label: "Categories",
-				buttonLabel: "ADD A CATEGORY",
-				onAdd: this.add,
-				info: /* @__PURE__ */ W(Mt, {
-					disableFocusListener: !0,
-					disableTouchListener: !0,
-					placement: "right",
-					title: b,
-					children: /* @__PURE__ */ W(Ve, {
-						fontSize: "small",
-						color: "primary",
-						style: { marginLeft: "5px" }
-					})
-				}),
-				buttonDisabled: g && t && g === t.length
-			}),
-			/* @__PURE__ */ W(jt, {
-				style: y,
-				children: t.map((e, t) => {
-					let f = t % u === 0, p = t / u;
-					return /* @__PURE__ */ G(H.Fragment, { children: [f && /* @__PURE__ */ W(kt, {
-						categoriesPerRow: u,
-						disabled: !1,
-						rowIndex: p,
-						markup: d[p] || "",
-						onChange: (e) => this.changeRowLabel(e, p),
-						imageSupport: n,
-						toolbarOpts: i,
-						spellCheck: a,
-						maxImageWidth: _ && _.rowLabel || c,
-						maxImageHeight: v && v.rowLabel || s,
-						uploadSoundSupport: r,
-						mathMlOptions: l,
-						configuration: o
-					}), /* @__PURE__ */ W(mt, {
-						imageSupport: n,
-						focusedEl: this.state.focusedEl,
-						deleteFocusedEl: this.deleteFocusedEl,
-						index: t,
-						category: e,
-						error: h && h[e.id],
-						onChange: this.change,
-						onDelete: () => this.delete(e),
-						toolbarOpts: i,
-						spellCheck: a,
-						onDeleteChoice: (t, n) => this.deleteChoiceFromCategory(e, t, n),
-						maxImageWidth: _ && _.categoryLabel || c,
-						maxImageHeight: v && v.categoryLabel || s,
-						uploadSoundSupport: r,
-						configuration: o,
-						alternateResponseIndex: void 0
-					})] }, t);
-				})
-			}),
-			p && /* @__PURE__ */ W(Nt, { children: p }),
-			m && /* @__PURE__ */ W(Nt, { children: m })
-		] });
-	}
-}, Ft = F("div")(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), It = F("div")(({ theme: e }) => ({
-	display: "grid",
-	gridRowGap: e.spacing(1),
-	gridColumnGap: e.spacing(1)
-})), Lt = F("div")({ gridColumn: "1 / 3" }), Rt = class extends H.Component {
-	static propTypes = {
-		altIndex: K.default.number.isRequired,
-		configuration: K.default.object,
-		imageSupport: K.default.shape({
-			add: K.default.func.isRequired,
-			delete: K.default.func.isRequired
-		}),
-		categories: K.default.array,
-		onModelChanged: K.default.func,
-		model: K.default.object.isRequired,
-		uploadSoundSupport: K.default.shape({
-			add: K.default.func.isRequired,
-			delete: K.default.func.isRequired
-		}),
-		spellCheck: K.default.bool
-	};
-	deleteChoiceFromCategory = (e, t, n) => {
-		let { model: r, altIndex: i, onModelChanged: a } = this.props;
-		a({ correctResponse: o(t.id, e.id, n, i, r.correctResponse) });
-	};
-	render() {
-		let { altIndex: e, model: t, configuration: n, categories: r, imageSupport: i, spellCheck: a, uploadSoundSupport: o, mathMlOptions: s = {} } = this.props, { categoriesPerRow: c, errors: l, rowLabels: u } = t, { duplicateAlternate: d } = l || {}, f = { gridTemplateColumns: `repeat(${c}, 1fr)` }, p = d ? d.index === e : !1;
-		return /* @__PURE__ */ W(Ft, { children: /* @__PURE__ */ W(It, {
-			style: f,
-			children: r.map((t, r) => {
-				let l = r % c === 0, f = r / c;
-				return /* @__PURE__ */ G(H.Fragment, { children: [l && /* @__PURE__ */ W(Lt, {
-					style: {
-						gridColumn: `1/${c + 1}`,
-						width: "100%"
-					},
-					dangerouslySetInnerHTML: { __html: u[f] || "" }
-				}), /* @__PURE__ */ W(mt, {
-					alternateResponseIndex: e,
-					imageSupport: i,
-					isDuplicated: p && d.category === t.id,
-					category: t,
-					spellCheck: a,
-					onDeleteChoice: (e, n) => this.deleteChoiceFromCategory(t, e, n),
-					uploadSoundSupport: o,
-					mathMlOptions: s,
-					configuration: n,
-					isAlternate: !0
-				}, r)] }, r);
-			})
-		}) });
-	}
-}, zt = y(/*#__PURE__*/ W("path", { d: "M20 9H4v2h16zM4 15h16v-2H4z" }), "DragHandle");
-//#endregion
-//#region src/author/design/choices/choice.tsx
-(0, it.default)("@pie-element:categorize:configure:choice");
-var Bt = (e) => {
-	if (e.lockChoiceOrder) return !0;
-	let t = e.choice.categoryCount || 0;
-	return t === 0 ? !0 : e.correctResponseCount < t;
-}, Vt = F(ve)(({ theme: e }) => ({
-	minWidth: "196px",
-	padding: e.spacing(1),
-	overflow: "visible"
-})), Ht = F(Te)({
-	padding: 0,
-	justifyContent: "space-between"
-}), Ut = F("span", { shouldForwardProp: (e) => e !== "draggable" })(({ draggable: e }) => ({
-	cursor: e ? "move" : "inherit",
-	touchAction: "none"
-})), Wt = F("div")(({ theme: e }) => ({
-	fontSize: e.typography.fontSize - 2,
-	color: e.palette.error.main,
-	paddingBottom: e.spacing(1)
-})), Gt = ({ allowMultiplePlacements: e, configuration: t, choice: n, deleteFocusedEl: r, focusedEl: i, index: a, onDelete: o, onChange: s, correctResponseCount: c, lockChoiceOrder: l, imageSupport: u, spellCheck: d, toolbarOpts: f, error: p, maxImageWidth: m, maxImageHeight: h, uploadSoundSupport: g }) => {
-	let _ = Bt({
-		choice: n,
-		correctResponseCount: c,
-		lockChoiceOrder: l
-	}), { attributes: v, listeners: y, setNodeRef: b, isDragging: x } = ye({
-		id: `choice-${n.id}`,
-		data: {
-			id: n.id,
-			index: a,
-			type: "choice"
-		},
-		disabled: !_
-	}), { setNodeRef: ee } = B({
-		id: `choice-drop-${n.id}`,
-		data: {
-			id: n.id,
-			index: a,
-			type: "choice"
-		}
-	}), S = (e) => {
-		n.content = e, s(n);
-	}, C = () => {
-		n.categoryCount === 1 ? n.categoryCount = 0 : n.categoryCount = 1, s(n);
-	}, te = ((e) => e === Q.perChoice)(e);
-	return /* @__PURE__ */ G(Vt, {
-		ref: (e) => {
-			b(e), ee(e);
-		},
-		style: { opacity: x ? .5 : 1 },
-		children: [
-			/* @__PURE__ */ W(Ht, { children: /* @__PURE__ */ W(Ut, {
-				draggable: _,
-				...v,
-				...y,
-				children: /* @__PURE__ */ W(zt, { color: _ ? "primary" : "disabled" })
-			}) }),
-			/* @__PURE__ */ W(Ue, {
-				imageSupport: u,
-				focusedEl: i,
-				deleteFocusedEl: r,
-				index: a,
-				label: n.content,
-				onChange: S,
-				onDelete: o,
-				toolbarOpts: f,
-				spellCheck: d,
-				error: p,
-				maxImageWidth: m,
-				maxImageHeight: h,
-				uploadSoundSupport: g,
-				configuration: t
-			}),
-			p && /* @__PURE__ */ W(Wt, { children: p }),
-			/* @__PURE__ */ G(Ht, { children: [/* @__PURE__ */ W(qe, {
-				label: "delete",
-				onClick: o
-			}), te && /* @__PURE__ */ W(ce, {
-				mini: !0,
-				label: "Remove after placing",
-				checked: n.categoryCount === 1,
-				onChange: C
-			})] })
-		]
-	});
-};
-Gt.propTypes = {
-	allowMultiplePlacements: K.default.string,
-	configuration: K.default.object.isRequired,
-	choice: K.default.object.isRequired,
-	deleteFocusedEl: K.default.func,
-	focusedEl: K.default.number,
-	index: K.default.number,
-	lockChoiceOrder: K.default.bool,
-	maxImageHeight: K.default.object,
-	maxImageWidth: K.default.object,
-	onChange: K.default.func.isRequired,
-	onDelete: K.default.func.isRequired,
-	correctResponseCount: K.default.number.isRequired,
-	imageSupport: K.default.shape({
-		add: K.default.func.isRequired,
-		delete: K.default.func.isRequired
-	}),
-	toolbarOpts: K.default.object,
-	error: K.default.string,
-	uploadSoundSupport: K.default.shape({
-		add: K.default.func.isRequired,
-		delete: K.default.func.isRequired
-	}),
-	spellCheck: K.default.bool,
-	rearrangeChoices: K.default.func
-};
-var Kt = N.withUid(Gt), qt = F("div")(({ theme: e }) => ({
-	paddingTop: e.spacing(1),
-	marginBottom: e.spacing(1)
-})), Jt = F(pe)({ width: "100%" }), Yt = class extends H.Component {
-	static propTypes = {
-		config: K.default.object,
-		onModelChanged: K.default.func,
-		spellCheck: K.default.bool
-	};
-	static defaultProps = {};
-	changeLabel = ({ target: e }) => {
-		this.props.onModelChanged({ choicesLabel: e.value });
-	};
-	render() {
-		let { config: e, spellCheck: t } = this.props;
-		return /* @__PURE__ */ W(qt, { children: /* @__PURE__ */ W(Jt, {
-			InputLabelProps: { shrink: !0 },
-			variant: "outlined",
-			label: "Label",
-			value: e.choicesLabel,
-			onChange: this.changeLabel,
-			spellCheck: t
-		}) });
-	}
-}, Xt = F("div")(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), Zt = F("div")(({ theme: e }) => ({
-	paddingTop: e.spacing(1),
-	paddingBottom: e.spacing(1),
-	display: "grid",
-	gridRowGap: e.spacing(1),
-	gridColumnGap: e.spacing(1)
-})), Qt = F("div")(({ theme: e }) => ({
-	fontSize: e.typography.fontSize - 2,
-	color: e.palette.error.main,
-	paddingTop: e.spacing(.5)
-})), $t = class extends H.Component {
-	static propTypes = {
-		model: K.default.object.isRequired,
-		configuration: K.default.object.isRequired,
-		choices: K.default.array.isRequired,
-		defaultImageMaxWidth: K.default.number,
-		defaultImageMaxHeight: K.default.number,
-		onModelChanged: K.default.func.isRequired,
-		imageSupport: K.default.shape({
-			add: K.default.func.isRequired,
-			delete: K.default.func.isRequired
-		}),
-		uploadSoundSupport: K.default.shape({
-			add: K.default.func.isRequired,
-			delete: K.default.func.isRequired
-		}),
-		toolbarOpts: K.default.object,
-		spellCheck: K.default.bool
-	};
-	static defaultProps = {};
-	state = { focusedEl: null };
-	changeChoice = (e) => {
-		let { choices: t, onModelChanged: n } = this.props, r = t.findIndex((t) => t.id === e.id);
-		r !== -1 && (t.splice(r, 1, e), n({ choices: t }));
-	};
-	allChoicesHaveCount = (e) => {
-		let { choices: t } = this.props;
-		return Array.isArray(t) && t.every((t) => t.categoryCount === e);
-	};
-	addChoice = () => {
-		let { onModelChanged: e, model: t, choices: n } = this.props, { maxAnswerChoices: r } = t || {};
-		if (r && t.choices?.length >= r) return;
-		let i = I.firstAvailableIndex(t.choices.map((e) => e.id), 1), a = {
-			id: i,
-			content: "Choice " + i
-		};
-		this.setState({ focusedEl: n.length }, () => {
-			e({ choices: t.choices.concat([a]) });
-		});
-	};
-	deleteFocusedEl = () => {
-		this.setState({ focusedEl: null });
-	};
-	deleteChoice = (e) => {
-		let { model: t, onModelChanged: n } = this.props, i = t.choices.findIndex((t) => t.id === e.id);
-		i !== -1 && (t.choices.splice(i, 1), t.correctResponse = r(e.id, t.correctResponse), n(t));
-	};
-	render() {
-		let { focusedEl: e } = this.state, { choices: t, model: n, imageSupport: r, uploadSoundSupport: i, onModelChanged: a, spellCheck: o, toolbarOpts: s, configuration: c, defaultImageMaxWidth: l, defaultImageMaxHeight: u } = this.props, { errors: d, allowMultiplePlacementsEnabled: f, lockChoiceOrder: p, maxAnswerChoices: m } = n, { choicesError: h, choicesErrors: g } = d || {}, { maxImageWidth: _ = {}, maxImageHeight: v = {} } = c || {}, y = { gridTemplateColumns: `repeat(${n.categoriesPerRow}, 1fr)` }, b = m && t?.length >= m ? `Only ${m} allowed maximum` : "";
-		return /* @__PURE__ */ G(Xt, { children: [
-			/* @__PURE__ */ W(vt, {
-				label: "Choices",
-				buttonLabel: "ADD A CHOICE",
-				onAdd: this.addChoice,
-				buttonDisabled: m && t && t?.length >= m,
-				tooltip: b
-			}),
-			/* @__PURE__ */ W(Yt, {
-				config: n,
-				onModelChanged: a,
-				spellCheck: o
-			}),
-			/* @__PURE__ */ W(Zt, {
-				style: y,
-				children: t.map((t, n) => /* @__PURE__ */ W(Kt, {
-					choice: t,
-					focusedEl: e,
-					deleteFocusedEl: this.deleteFocusedEl,
-					correctResponseCount: t.correctResponseCount,
-					allowMultiplePlacements: f,
-					lockChoiceOrder: p,
-					index: n,
-					imageSupport: r,
-					onChange: this.changeChoice,
-					onDelete: () => this.deleteChoice(t),
-					toolbarOpts: s,
-					spellCheck: o,
-					error: g && g[t.id],
-					maxImageWidth: _ && _.choice || l,
-					maxImageHeight: v && v.choice || u,
-					uploadSoundSupport: i,
-					configuration: c
-				}, t.id))
-			}),
-			h && /* @__PURE__ */ W(Qt, { children: h })
-		] });
-	}
-}, en = (e, t, n) => i(e).map((e) => {
-	let r = n.find((t) => t.category === e.id);
-	return r && (e.choices = (r.choices || []).map((e) => {
-		let n = t.find((t) => t.id === e);
-		if (n) return Object.assign({}, {
-			id: n.id,
-			content: n.content
-		});
-	})), e;
-}), tn = (e, t, n) => !e.alternateResponses || e.alternateResponses.length === 0 ? [] : (e.alternateResponses[n] || []).map((e) => t.find((t) => t.id === e)), nn = (e, t, n) => {
-	let r = n.reduce((e, t) => t.alternateResponses && t.alternateResponses.length >= e ? t.alternateResponses.length : e, 0);
-	return Array(r).fill(0).map((r, i) => n.map((n, r) => {
-		let a = e[r];
-		return {
-			id: a.id,
-			label: a.label,
-			choices: tn(n, t, i)
-		};
-	}));
-}, { translator: rn } = e, { dropdown: an, Panel: on, toggle: $, radio: sn, numberField: cn } = P, { Provider: ln } = N, un = class extends H.Component {
-	containerRef = H.createRef();
-	componentDidMount() {
-		this.containerRef.current && setTimeout(() => L(this.containerRef.current), 0);
-	}
-	render() {
-		return /* @__PURE__ */ W("div", {
-			ref: this.containerRef,
-			children: this.props.children
-		});
-	}
-}, dn = F(vt)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), fn = F(z)(({ theme: e }) => ({
-	width: "100%",
-	paddingTop: e.spacing(1),
-	marginTop: e.spacing(1),
-	marginBottom: e.spacing(2)
-})), pn = F("div")(({ theme: e }) => ({
-	fontSize: e.typography.fontSize - 2,
-	color: e.palette.error.main,
-	paddingTop: e.spacing(1)
-})), mn = class extends H.Component {
-	static propTypes = {
-		configuration: K.default.object,
-		className: K.default.string,
-		onConfigurationChanged: K.default.func,
-		model: K.default.object.isRequired,
-		onChange: K.default.func.isRequired,
-		uid: K.default.string,
-		imageSupport: K.default.shape({
-			add: K.default.func.isRequired,
-			delete: K.default.func.isRequired
-		}),
-		uploadSoundSupport: K.default.shape({
-			add: K.default.func.isRequired,
-			delete: K.default.func.isRequired
-		})
-	};
-	constructor(e) {
-		super(e), this.uid = e.uid || N.generateId(), this.state = { activeDragItem: null };
-	}
-	updateModel = (e) => {
-		let { model: t, onChange: n } = this.props, r = {
-			...t,
-			...e
-		};
-		r.choices = r.choices.map((e) => ({
-			...e,
-			categoryCount: this.checkAllowMultiplePlacements(r.allowMultiplePlacementsEnabled, e)
-		})), r.correctResponse = u(r.correctResponse || [], r.choices), r.correctResponse = a(r.correctResponse || [], r.choices), r.categories = r.categories.map((e) => ({
-			id: e.id,
-			label: e.label
-		})), r.choices = r.choices.map((e) => ({
-			id: e.id,
-			content: e.content,
-			categoryCount: e.categoryCount
-		})), r.maxChoicesPerCategory = r.allowMaxChoicesPerCategory ? r.maxChoicesPerCategory : 0, n(r);
-	};
-	changeRationale = (e) => {
-		let { model: t, onChange: n } = this.props;
-		n({
-			...t,
-			rationale: e
-		});
-	};
-	changeTeacherInstructions = (e) => {
-		let { model: t, onChange: n } = this.props;
-		n({
-			...t,
-			teacherInstructions: e
-		});
-	};
-	changeFeedback = (e) => {
-		this.updateModel({ feedback: e });
-	};
-	onAddAlternateResponse = () => {
-		let { model: { correctResponse: e } } = this.props;
-		this.updateModel({ correctResponse: (e || []).map((e) => ({
-			...e,
-			alternateResponses: [...e.alternateResponses || [], []]
-		})) });
-	};
-	onPromptChanged = (e) => this.updateModel({ prompt: e });
-	onRemoveAlternateResponse = (e) => {
-		let { model: { correctResponse: t } } = this.props;
-		this.updateModel({ correctResponse: (t || []).map((t) => ({
-			...t,
-			alternateResponses: (t.alternateResponses || []).filter((t, n) => n !== e)
-		})) });
-	};
-	countChoiceInCorrectResponse = (e) => {
-		let { model: t } = this.props;
-		return s(e.id, t.correctResponse);
-	};
-	checkAllowMultiplePlacements = (e, t) => e === Q.enabled ? 0 : e === Q.disabled ? 1 : t.categoryCount || 0;
-	isAlertModalOpened = () => {
-		let { model: e } = this.props, { maxChoicesPerCategory: t = 0 } = e || {}, n = xt(e);
-		return t === 0 ? !1 : n > t;
-	};
-	onAlertModalCancel = () => {
-		let { model: e } = this.props, t = xt(e);
-		this.updateModel({ maxChoicesPerCategory: t });
-	};
-	onDragStart = (e) => {
-		let { active: t } = e, n = t.data.current;
-		this.setState({ activeDragItem: n });
-	};
-	onDragEnd = ({ active: e, over: t }) => {
-		let n = window.scrollX, r = window.scrollY;
-		if (this.setState({ activeDragItem: null }), !e) return;
-		requestAnimationFrame(() => {
-			requestAnimationFrame(() => {
-				window.scrollTo(n, r);
-			});
-		});
-		let { model: i } = this.props, { allowAlternateEnabled: a, categories: o = [], choices: s = [] } = i, c = e?.data?.current, l = t?.data?.current;
-		if (!c) return;
-		let u = c.choiceIndex || 0, d = l?.type, f = c.type === "choice-preview", p = c.type === "choice", m = c.choice?.id || (typeof c.id == "string" ? c.id.split("-")[0] : c.id);
-		if (f && (!l || d === "choice")) {
-			this.removeChoiceFromSource(c, u, {
-				allowAlternateEnabled: a,
-				categories: o,
-				choices: s
-			});
-			return;
-		}
-		if (f && d === "category") return this.moveChoice(m, c.categoryId, l.id, u);
-		if (p && d === "category") return this.addChoiceToCategory({ id: c.id }, l.id);
-		if (f && d === "category-alternate") return this.moveChoiceInAlternate(m, c.categoryId, l.id, u, l.alternateResponseIndex);
-		if (a && p && d === "category-alternate") return this.addChoiceToAlternateCategory({ id: c.id }, l.id, l.alternateResponseIndex);
-	};
-	removeChoiceFromSource = (e, t, { allowAlternateEnabled: n, categories: r, choices: i }) => {
-		if (e.alternateResponseIndex === void 0) {
-			this.deleteChoiceFromCategory(e.categoryId, e.choiceId, t);
-			return;
-		}
-		if (!n) return;
-		let a = r?.find((t) => t.id === e.categoryId), o = i?.find((t) => t.id === e.choiceId);
-		a && o && this.deleteChoiceFromAlternateCategory(a, o, t, e.alternateResponseIndex);
-	};
-	addChoiceToCategory = (e, t) => {
-		let { model: n } = this.props, { choices: r = [], correctResponse: i = [], maxChoicesPerCategory: a = 0 } = n || {}, o = (r || []).find((t) => t.id === e.id), s = d(e.id, void 0, t, 0, i);
-		o.categoryCount !== 0 && (s = l(e, t, s));
-		let c = xt(n);
-		this.updateModel({
-			correctResponse: s,
-			maxChoicesPerCategory: a !== 0 && a < c ? a + 1 : a
-		});
-	};
-	deleteChoiceFromCategory = (e, t, n) => {
-		let { model: r } = this.props, i = c(t, e, n, r.correctResponse);
-		this.updateModel({ correctResponse: i });
-	};
-	moveChoice = (e, t, n, r) => {
-		let { model: i } = this.props, { choices: a, correctResponse: o = [], maxChoicesPerCategory: s = 0 } = i || {}, c = (a || []).find((t) => t.id === e);
-		if (n === t || !c) return;
-		c.categoryCount === 0 ? c.categoryCount === 0 && (o = d(c.id, void 0, n, 0, o)) : (o = d(c.id, t, n, r, o), o = l(c, n, o));
-		let u = xt(i);
-		this.updateModel({
-			correctResponse: o,
-			maxChoicesPerCategory: s !== 0 && s < u ? s + 1 : s
-		});
-	};
-	addChoiceToAlternateCategory = (e, t, n) => {
-		let { model: r } = this.props, { correctResponse: i, choices: a, maxChoicesPerCategory: o = 0 } = r, s = a.find((t) => t.id === e.id);
-		i.forEach((r) => r.category === t ? (r.alternateResponses = r.alternateResponses || [], r.alternateResponses[n] === void 0 && (r.alternateResponses[n] = []), r.alternateResponses[n].push(e.id), s.categoryCount && s.categoryCount !== 0 && (r.alternateResponses[n] = r.alternateResponses[n].reduce((e, t) => (t === s.id ? e.findIndex((e) => e === s.id) === -1 && e.push(t) : e.push(t), e), [])), r) : (r.alternateResponses[n] && s.categoryCount !== 0 && (r.alternateResponses[n] = r.alternateResponses[n].filter((t) => t !== e.id)), r));
-		let c = xt(r);
-		this.updateModel({
-			correctResponse: i,
-			maxChoicesPerCategory: o !== 0 && o < c ? o + 1 : o
-		});
-	};
-	moveChoiceInAlternate = (e, t, n, r, i) => {
-		let { model: a } = this.props, { choices: o, correctResponse: s = [], maxChoicesPerCategory: c = 0 } = a || {}, l = (o || []).find((t) => t.id === e);
-		s = p(e, t, n, r, s, i, l?.categoryCount);
-		let u = xt(a);
-		this.updateModel({
-			correctResponse: s,
-			maxChoicesPerCategory: c !== 0 && c < u ? c + 1 : c
-		});
-	};
-	deleteChoiceFromAlternateCategory = (e, t, n, r) => {
-		let { model: i } = this.props, a = o(t.id, e.id, n, r, i.correctResponse);
-		this.updateModel({ correctResponse: a });
-	};
-	renderDragOverlay = () => {
-		let { activeDragItem: e } = this.state, { model: t, configuration: n } = this.props;
-		if (!e) return null;
-		if (e.type === "choice") {
-			let r = t.choices?.find((t) => t.id === e.id);
-			return r ? /* @__PURE__ */ W(Kt, {
-				choice: r,
-				configuration: n
-			}) : null;
-		} else if (e.type === "choice-preview" && e.alternateResponseIndex === void 0) {
-			let n = t.choices?.find((t) => t.id === e.id);
-			return n ? /* @__PURE__ */ W(rt, { choice: n }) : null;
-		} else if (e.type === "choice-preview" && e.alternateResponseIndex !== void 0) {
-			let n = t.choices?.find((t) => t.id === e.id);
-			return n ? /* @__PURE__ */ W(rt, {
-				choice: n,
-				alternateResponseIndex: e.alternateResponseIndex
-			}) : null;
-		}
-		return null;
-	};
-	render() {
-		let { configuration: e, imageSupport: t, model: n, uploadSoundSupport: r, onConfigurationChanged: i } = this.props, { allowAlternate: a = {}, allowMultiplePlacements: o = {}, baseInputConfiguration: s = {}, categoriesPerRow: c = {}, choicesPosition: l = {}, contentDimensions: u = {}, feedback: d = {}, lockChoiceOrder: f = {}, maxImageHeight: p = {}, maxImageWidth: m = {}, maxPlacements: h = {}, minCategoriesPerRow: g = 1, partialScoring: _ = {}, prompt: v = {}, rationale: y = {}, scoringType: b = {}, settingsPanelDisabled: x, spellCheck: ee = {}, studentInstructions: S = {}, teacherInstructions: C = {}, withRubric: te = {}, mathMlOptions: w = {}, language: T = {}, languageChoices: E = {}, allowMaxAnswerChoices: D = {} } = e || {}, { allowAlternateEnabled: ne, allowMaxChoicesPerCategory: re, errors: ie, feedbackEnabled: ae, maxChoicesPerCategory: oe, promptEnabled: ce, rationaleEnabled: O, spellCheckEnabled: A, teacherInstructionsEnabled: le, toolbarEditorPosition: j, extraCSSRules: ue } = n || {}, { prompt: M, rationale: pe, teacherInstructions: N } = ie || {}, P = { position: j === "top" ? "top" : "bottom" }, me = n.config || {};
-		me.choices = me.choices || {
-			label: "",
-			columns: 2
-		};
-		let ge = en(n.categories || [], n.choices || [], n.correctResponse || []), F = nn(n.categories || [], n.choices || [], n.correctResponse || []), I = n.choices.map((e) => (e.correctResponseCount = this.countChoiceInCorrectResponse(e), e.categoryCount = this.checkAllowMultiplePlacements(n.allowMultiplePlacementsEnabled, e), e)), L = m && m.prompt, z = p && p.prompt, _e = {
-			partialScoring: _.settings && $(_.label),
-			lockChoiceOrder: f.settings && $(f.label),
-			categoriesPerRow: c.settings && cn(c.label, {
-				label: c.label,
-				min: g,
-				max: 6
-			}),
-			choicesPosition: l.settings && sn(l.label, [
-				"below",
-				"above",
-				"left",
-				"right"
-			]),
-			allowMultiplePlacementsEnabled: o.settings && an(o.label, [
-				Q.enabled,
-				Q.disabled,
-				Q.perChoice
-			]),
-			maxAnswerChoices: D.settings && cn(D.label, {
-				label: "",
-				min: I?.length || 0,
-				max: 30
-			}),
-			allowMaxChoicesPerCategory: h.settings && $(h.label),
-			maxChoicesPerCategory: re === !0 && cn(h.label, {
-				label: "",
-				min: 0,
-				max: 30
-			}),
-			promptEnabled: v.settings && $(v.label),
-			feedbackEnabled: d.settings && $(d.label),
-			allowAlternateEnabled: a.settings && $(a.label),
-			"language.enabled": T.settings && $(T.label, !0),
-			language: T.settings && T.enabled && an(E.label, E.options)
-		}, ve = {
-			teacherInstructionsEnabled: C.settings && $(C.label),
-			studentInstructionsEnabled: S.settings && $(S.label),
-			rationaleEnabled: y.settings && $(y.label),
-			spellCheckEnabled: ee.settings && $(ee.label),
-			scoringType: b.settings && sn(b.label, ["auto", "rubric"]),
-			rubricEnabled: te?.settings && $(te?.label)
-		}, ye = this.isAlertModalOpened(), B = rn.t("translation:categorize:maxChoicesPerCategoryRestriction", {
-			lng: n.language,
-			maxChoicesPerCategory: oe
-		});
-		return /* @__PURE__ */ W(de, {
-			onDragStart: this.onDragStart,
-			onDragEnd: this.onDragEnd,
-			children: /* @__PURE__ */ G(ln, {
-				value: this.uid,
-				children: [/* @__PURE__ */ G(fe.ConfigLayout, {
-					extraCSSRules: ue,
-					dimensions: u,
-					hideSettings: x,
-					settings: /* @__PURE__ */ W(on, {
-						model: n,
-						onChangeModel: this.updateModel,
-						configuration: e,
-						onChangeConfiguration: i,
-						groups: {
-							Settings: _e,
-							Properties: ve
-						},
-						modal: /* @__PURE__ */ W(k, {
-							title: "Warning",
-							text: B,
-							open: ye,
-							onClose: this.onAlertModalCancel
-						})
-					}),
-					children: [
-						le && /* @__PURE__ */ G(fn, {
-							label: C.label,
-							children: [/* @__PURE__ */ W(R, {
-								markup: n.teacherInstructions || "",
-								onChange: this.changeTeacherInstructions,
-								imageSupport: t,
-								error: N,
-								nonEmpty: !1,
-								toolbarOpts: P,
-								pluginProps: X(C?.inputConfiguration, s),
-								spellCheck: A,
-								maxImageWidth: m && m.teacherInstructions || L,
-								maxImageHeight: p && p.teacherInstructions || z,
-								uploadSoundSupport: r,
-								languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-								mathMlOptions: w
-							}), N && /* @__PURE__ */ W(pn, { children: N })]
-						}),
-						ce && /* @__PURE__ */ G(fn, {
-							label: v.label,
-							children: [/* @__PURE__ */ W(R, {
-								markup: n.prompt || "",
-								onChange: this.onPromptChanged,
-								imageSupport: t,
-								error: M,
-								nonEmpty: !1,
-								disableUnderline: !0,
-								toolbarOpts: P,
-								pluginProps: X(v?.inputConfiguration, s),
-								spellCheck: A,
-								maxImageWidth: m && m.prompt,
-								maxImageHeight: p && p.prompt,
-								uploadSoundSupport: r,
-								languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-								mathMlOptions: w
-							}), M && /* @__PURE__ */ W(pn, { children: M })]
-						}),
-						/* @__PURE__ */ W(Pt, {
-							imageSupport: t,
-							uploadSoundSupport: r,
-							model: n,
-							categories: ge || [],
-							onModelChanged: this.updateModel,
-							toolbarOpts: P,
-							spellCheck: A,
-							configuration: e,
-							defaultImageMaxWidth: L,
-							defaultImageMaxHeight: z,
-							mathMlOptions: w
-						}),
-						/* @__PURE__ */ W($t, {
-							imageSupport: t,
-							uploadSoundSupport: r,
-							choices: I,
-							model: n,
-							onModelChanged: this.updateModel,
-							toolbarOpts: P,
-							spellCheck: A,
-							configuration: e,
-							defaultImageMaxWidth: L,
-							defaultImageMaxHeight: z
-						}),
-						ne && /* @__PURE__ */ W(dn, {
-							label: "Alternate Responses",
-							buttonLabel: "ADD AN ALTERNATE RESPONSE",
-							onAdd: this.onAddAlternateResponse
-						}),
-						ne && F.map((i, a) => /* @__PURE__ */ G(H.Fragment, { children: [/* @__PURE__ */ W(dn, {
-							variant: "subtitle1",
-							label: "Alternate Response",
-							buttonLabel: "REMOVE ALTERNATE RESPONSE",
-							onAdd: () => this.onRemoveAlternateResponse(a)
-						}), /* @__PURE__ */ W(Rt, {
-							altIndex: a,
-							imageSupport: t,
-							model: n,
-							configuration: e,
-							categories: i,
-							onModelChanged: this.updateModel,
-							uploadSoundSupport: r,
-							mathMlOptions: w
-						})] }, a)),
-						O && /* @__PURE__ */ G(fn, {
-							label: y.label,
-							children: [/* @__PURE__ */ W(R, {
-								markup: n.rationale || "",
-								onChange: this.changeRationale,
-								imageSupport: t,
-								error: pe,
-								nonEmpty: !1,
-								toolbarOpts: P,
-								pluginProps: X(v?.inputConfiguration, s),
-								spellCheck: A,
-								maxImageWidth: m && m.rationale || L,
-								maxImageHeight: p && p.rationale || z,
-								uploadSoundSupport: r,
-								languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-								mathMlOptions: w
-							}), pe && /* @__PURE__ */ W(pn, { children: pe })]
-						}),
-						ae && /* @__PURE__ */ W(he, {
-							feedback: n.feedback,
-							onChange: this.changeFeedback,
-							toolbarOpts: P
-						})
-					]
-				}), /* @__PURE__ */ W(se, { children: /* @__PURE__ */ W(un, { children: this.renderDragOverlay() }) })]
-			})
-		});
-	}
-}, hn = class extends H.Component {
-	static propTypes = {
-		configuration: K.default.object,
-		onConfigurationChanged: K.default.func,
-		model: K.default.object.isRequired,
-		onModelChanged: K.default.func.isRequired,
-		imageSupport: K.default.object,
-		uploadSoundSupport: K.default.object
-	};
-	static defaultProps = {};
-	render() {
-		let { model: e, onModelChanged: t, configuration: n, onConfigurationChanged: r, imageSupport: i, uploadSoundSupport: a } = this.props;
-		return /* @__PURE__ */ W(mn, {
-			imageSupport: i,
-			uploadSoundSupport: a,
-			title: "Design",
-			model: e,
-			configuration: n,
-			onChange: t,
-			onConfigurationChanged: r
-		});
-	}
-}, gn = {
-	model: {
-		allowAlternateEnabled: !0,
-		allowMaxChoicesPerCategory: !1,
-		allowMultiplePlacementsEnabled: Q.enabled,
-		alternates: [],
-		categories: [],
-		categoriesPerRow: 2,
-		choices: [],
-		choicesLabel: "",
-		choicesPosition: "below",
-		correctResponse: [],
-		feedbackEnabled: !1,
-		lockChoiceOrder: !0,
-		maxAnswerChoices: 6,
-		maxChoicesPerCategory: 0,
-		partialScoring: !0,
-		promptEnabled: !0,
-		rationaleEnabled: !0,
-		rowLabels: [""],
-		studentInstructionsEnabled: !0,
-		teacherInstructionsEnabled: !0,
-		toolbarEditorPosition: "bottom",
-		minRowHeight: "80px"
-	},
-	configuration: {
-		baseInputConfiguration: {
-			h3: { disabled: !0 },
-			audio: { disabled: !1 },
-			video: { disabled: !1 },
-			image: { disabled: !1 },
-			textAlign: { disabled: !0 },
-			showParagraphs: { disabled: !1 },
-			separateParagraphs: { disabled: !0 }
-		},
-		spellCheck: {
-			label: "Spellcheck",
-			settings: !1,
-			enabled: !0
-		},
-		feedback: {
-			settings: !0,
-			label: "Feedback",
-			enabled: !0
-		},
-		lockChoiceOrder: {
-			settings: !0,
-			label: "Lock Choice Order"
-		},
-		choicesPosition: {
-			settings: !0,
-			label: "Choices Position"
-		},
-		allowMultiplePlacements: {
-			settings: !0,
-			label: "Allow Multiple Placements"
-		},
-		maxPlacements: {
-			settings: !0,
-			label: "Max choices per category"
-		},
-		allowAlternate: {
-			settings: !0,
-			label: "Allow Alternate Correct Answers"
-		},
-		categoriesPerRow: {
-			settings: !0,
-			label: "Categories per row"
-		},
-		partialScoring: {
-			settings: !1,
-			label: "Allow Partial Scoring"
-		},
-		prompt: {
-			settings: !0,
-			label: "Prompt",
-			required: !1,
-			inputConfiguration: {
-				audio: { disabled: !1 },
-				video: { disabled: !1 },
-				image: { disabled: !1 }
-			}
-		},
-		rationale: {
-			settings: !0,
-			label: "Rationale",
-			required: !1,
-			inputConfiguration: {
-				audio: { disabled: !1 },
-				video: { disabled: !1 },
-				image: { disabled: !1 }
-			}
-		},
-		scoringType: {
-			settings: !1,
-			label: "Scoring Type"
-		},
-		settingsPanelDisabled: !1,
-		studentInstructions: {
-			settings: !1,
-			label: "Student Instructions"
-		},
-		teacherInstructions: {
-			settings: !0,
-			label: "Teacher Instructions",
-			required: !1,
-			inputConfiguration: {
-				audio: { disabled: !1 },
-				video: { disabled: !1 },
-				image: { disabled: !1 }
-			}
-		},
-		headers: { inputConfiguration: {
-			audio: { disabled: !0 },
-			video: { disabled: !0 },
-			image: { disabled: !1 }
-		} },
-		rowLabels: { inputConfiguration: {
-			audio: { disabled: !1 },
-			video: { disabled: !1 },
-			image: { disabled: !1 }
-		} },
-		toolbarEditorPosition: {
-			settings: !1,
-			label: "Toolbar Editor Position"
-		},
-		maxImageWidth: {
-			teacherInstructions: 300,
-			prompt: 300,
-			rationale: 300,
-			rowLabel: 200,
-			categoryLabel: 260,
-			choices: 240
-		},
-		maxImageHeight: {
-			teacherInstructions: 300,
-			prompt: 300,
-			rationale: 300,
-			rowLabel: 100,
-			categoryLabel: 100,
-			choices: 150
-		},
-		withRubric: {
-			settings: !1,
-			label: "Add Rubric"
-		},
-		minCategoriesPerRow: 1,
-		allowMaxAnswerChoices: {
-			settings: !0,
-			label: "Max answer choices"
-		},
-		mathMlOptions: {
-			mmlOutput: !1,
-			mmlEditing: !1
-		},
-		language: {
-			settings: !1,
-			label: "Specify Language",
-			enabled: !1
-		},
-		languageChoices: {
-			label: "Language Choices",
-			options: []
-		}
-	}
-}, _n = class e extends HTMLElement {
-	static createDefaultModel = (e = {}) => ({
-		...gn.model,
-		...e
-	});
-	static disableAlternateResponses = (e) => {
-		let { correctResponse: t } = e || {};
-		t ||= [];
-		let n = t.map((e) => {
-			let { alternateResponses: t, ...n } = e;
-			return n;
-		});
-		return {
-			...e,
-			correctResponse: n,
-			allowAlternateEnabled: !1
-		};
-	};
-	constructor() {
-		super(), this._root = null, this._model = e.createDefaultModel(), this._configuration = gn.configuration;
-	}
-	set model(t) {
-		this._model = e.createDefaultModel(t), t.choices && t.choices.length >= t.maxAnswerChoices && (this._model.maxAnswerChoices = t.choices.length, console.warn("Max Answer Choices can't be less than choices length!")), this.render();
-	}
-	set configuration(e) {
-		let t = {
-			...gn.configuration,
-			...e
-		};
-		this._configuration = t, t?.language?.enabled ? t?.languageChoices?.options?.length && (this._model.language = t?.languageChoices.options[0].value) : t.language.settings && this._model.language ? (this._configuration.language.enabled = !0, (!this._configuration.languageChoices.options || !this._configuration.languageChoices.options.length) && (this._configuration.languageChoices.options = []), this._configuration.languageChoices.options.find((e) => e.value === this._model.language) || this._configuration.languageChoices.options.push({
-			value: this._model.language,
-			label: this._model.language
-		})) : delete this._model.language, this.render();
-	}
-	onModelChanged(e) {
-		this._model = e, this.render(), this.dispatchEvent(new Le(this._model, !1));
-	}
-	onConfigurationChanged(e) {
-		this._configuration = e, this.render();
-	}
-	connectedCallback() {
-		this.render();
-	}
-	insertImage(e) {
-		this.dispatchEvent(new ze(e));
-	}
-	onDeleteImage(e, t) {
-		this.dispatchEvent(new Re(e, t));
-	}
-	insertSound(e) {
-		this.dispatchEvent(new Be(e));
-	}
-	onDeleteSound(e, t) {
-		this.dispatchEvent(new Y(e, t));
-	}
-	render() {
-		let e = H.createElement(hn, {
-			model: this._model,
-			configuration: this._configuration,
-			onModelChanged: this.onModelChanged.bind(this),
-			onConfigurationChanged: this.onConfigurationChanged.bind(this),
-			imageSupport: {
-				add: this.insertImage.bind(this),
-				delete: this.onDeleteImage.bind(this)
-			},
-			uploadSoundSupport: {
-				add: this.insertSound.bind(this),
-				delete: this.onDeleteSound.bind(this)
-			}
-		});
-		this._root ||= U(this), this._root.render(e), setTimeout(() => {
-			L(this);
-		}, 0);
-	}
-	disconnectedCallback() {
-		this._root && this._root.unmount();
-	}
-};
-//#endregion
-export { _n as default };
-
-//# sourceMappingURL=index.js.map