@pie-element/categorize 13.1.1-next.11 → 13.1.2-next.0

package/dist/browser/author/index.js

@@ -0,0 +1,2047 @@
+import { $ as e, a as t, c as n, d as r, et as i, g as a, i as o, it as s, l as c, n as l, o as u, r as d, s as f, u as p } from "../dist-BsrA0RFp.js";
+import { $ as m, A as h, B as g, D as _, E as v, F as y, H as b, I as ee, J as te, L as x, M as S, N as ne, P as C, Q as w, R as T, U as E, V as re, W as ie, X as ae, Y as oe, Z as se, _ as ce, a as le, b as D, c as O, d as k, et as ue, f as A, g as de, h as fe, i as pe, k as j, l as M, 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-BaJrqHFp.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 ../../../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/cloneDeep.js
+var xe = 1, Se = 4;
+function Ce(e) {
+	return a(e, xe | Se);
+}
+//#endregion
+//#region ../../lib-react/drag/dist/draggable-choice.js
+var K = /* @__PURE__ */ s(ue(), 1), we = 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 Te({ 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(we, {
+		ref: f,
+		className: n,
+		isDragging: p,
+		...u,
+		...d,
+		children: t
+	});
+}
+Te.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 Ee(e) {
+	return w("MuiCardActions", e);
+}
+se("MuiCardActions", ["root", "spacing"]);
+//#endregion
+//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/CardActions/CardActions.js
+var De = (e) => {
+	let { classes: t, disableSpacing: n } = e;
+	return oe({ root: ["root", !n && "spacing"] }, Ee, t);
+}, Oe = 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 } }
+	}]
+}), ke = /*#__PURE__*/ V.forwardRef(function(e, t) {
+	let n = ie({
+		props: e,
+		name: "MuiCardActions"
+	}), { disableSpacing: r = !1, className: i, ...a } = n, o = {
+		...n,
+		disableSpacing: r
+	};
+	return /*#__PURE__*/ W(Oe, {
+		className: m(De(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 Ae(e) {
+	return w("MuiTooltip", e);
+}
+var q = se("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 je(e) {
+	return Math.round(e * 1e5) / 1e5;
+}
+var Me = (e) => {
+	let { classes: t, disableInteractive: n, arrow: r, touch: i, placement: a } = e;
+	return oe({
+		popper: [
+			"popper",
+			!n && "popperInteractive",
+			r && "popperArrow"
+		],
+		tooltip: [
+			"tooltip",
+			r && "tooltipArrow",
+			i && "touch",
+			`tooltipPlacement${ee(a.split("-")[0])}`
+		],
+		arrow: ["arrow"]
+	}, Ae, t);
+}, Ne = F(k, {
+	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
+		];
+	}
+})(T(({ 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"] .${q.arrow}`]: {
+					top: 0,
+					marginTop: "-0.71em",
+					"&::before": { transformOrigin: "0 100%" }
+				},
+				[`&[data-popper-placement*="top"] .${q.arrow}`]: {
+					bottom: 0,
+					marginBottom: "-0.71em",
+					"&::before": { transformOrigin: "100% 0" }
+				},
+				[`&[data-popper-placement*="right"] .${q.arrow}`]: {
+					height: "1em",
+					width: "0.71em",
+					"&::before": { transformOrigin: "100% 100%" }
+				},
+				[`&[data-popper-placement*="left"] .${q.arrow}`]: {
+					height: "1em",
+					width: "0.71em",
+					"&::before": { transformOrigin: "0 0" }
+				}
+			}
+		},
+		{
+			props: ({ ownerState: e }) => e.arrow && !e.isRtl,
+			style: { [`&[data-popper-placement*="right"] .${q.arrow}`]: {
+				left: 0,
+				marginLeft: "-0.71em"
+			} }
+		},
+		{
+			props: ({ ownerState: e }) => e.arrow && !!e.isRtl,
+			style: { [`&[data-popper-placement*="right"] .${q.arrow}`]: {
+				right: 0,
+				marginRight: "-0.71em"
+			} }
+		},
+		{
+			props: ({ ownerState: e }) => e.arrow && !e.isRtl,
+			style: { [`&[data-popper-placement*="left"] .${q.arrow}`]: {
+				right: 0,
+				marginRight: "-0.71em"
+			} }
+		},
+		{
+			props: ({ ownerState: e }) => e.arrow && !!e.isRtl,
+			style: { [`&[data-popper-placement*="left"] .${q.arrow}`]: {
+				left: 0,
+				marginLeft: "-0.71em"
+			} }
+		}
+	]
+}))), Pe = 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${ee(n.placement.split("-")[0])}`]
+		];
+	}
+})(T(({ 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,
+	[`.${q.popper}[data-popper-placement*="left"] &`]: { transformOrigin: "right center" },
+	[`.${q.popper}[data-popper-placement*="right"] &`]: { transformOrigin: "left center" },
+	[`.${q.popper}[data-popper-placement*="top"] &`]: {
+		transformOrigin: "center bottom",
+		marginBottom: "14px"
+	},
+	[`.${q.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: `${je(16 / 14)}em`,
+				fontWeight: e.typography.fontWeightRegular
+			}
+		},
+		{
+			props: ({ ownerState: e }) => !e.isRtl,
+			style: {
+				[`.${q.popper}[data-popper-placement*="left"] &`]: { marginRight: "14px" },
+				[`.${q.popper}[data-popper-placement*="right"] &`]: { marginLeft: "14px" }
+			}
+		},
+		{
+			props: ({ ownerState: e }) => !e.isRtl && e.touch,
+			style: {
+				[`.${q.popper}[data-popper-placement*="left"] &`]: { marginRight: "24px" },
+				[`.${q.popper}[data-popper-placement*="right"] &`]: { marginLeft: "24px" }
+			}
+		},
+		{
+			props: ({ ownerState: e }) => !!e.isRtl,
+			style: {
+				[`.${q.popper}[data-popper-placement*="left"] &`]: { marginLeft: "14px" },
+				[`.${q.popper}[data-popper-placement*="right"] &`]: { marginRight: "14px" }
+			}
+		},
+		{
+			props: ({ ownerState: e }) => !!e.isRtl && e.touch,
+			style: {
+				[`.${q.popper}[data-popper-placement*="left"] &`]: { marginLeft: "24px" },
+				[`.${q.popper}[data-popper-placement*="right"] &`]: { marginRight: "24px" }
+			}
+		},
+		{
+			props: ({ ownerState: e }) => e.touch,
+			style: { [`.${q.popper}[data-popper-placement*="top"] &`]: { marginBottom: "24px" } }
+		},
+		{
+			props: ({ ownerState: e }) => e.touch,
+			style: { [`.${q.popper}[data-popper-placement*="bottom"] &`]: { marginTop: "24px" } }
+		}
+	]
+}))), Fe = F("span", {
+	name: "MuiTooltip",
+	slot: "Arrow"
+})(T(({ 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)"
+	}
+}))), Ie = !1, Le = new b(), Re = {
+	x: 0,
+	y: 0
+};
+function ze(e, t) {
+	return (n, ...r) => {
+		t && t(n, ...r), e(n, ...r);
+	};
+}
+var Be = /*#__PURE__*/ V.forwardRef(function(e, t) {
+	let n = ie({
+		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: ee = 0, leaveTouchDelay: w = 1500, onClose: T, onOpen: oe, open: se, placement: ce = "bottom", PopperComponent: le, PopperProps: D = {}, slotProps: O = {}, slots: ue = {}, title: A, TransitionComponent: de, TransitionProps: fe, ...pe } = n, j = /*#__PURE__*/ V.isValidElement(i) ? i : /*#__PURE__*/ W("span", { children: i }), M = te(), N = ae(), [P, me] = V.useState(), [he, ge] = V.useState(null), F = V.useRef(!1), I = d || y, L = E(), R = E(), z = E(), _e = E(), [ve, ye] = ne({
+		controlled: se,
+		default: !1,
+		name: "Tooltip",
+		state: "open"
+	}), B = ve, H = C(b), U = V.useRef(), xe = S(() => {
+		U.current !== void 0 && (document.body.style.WebkitUserSelect = U.current, U.current = void 0), _e.clear();
+	});
+	V.useEffect(() => xe, [xe]);
+	let Se = (e) => {
+		Le.clear(), Ie = !0, ye(!0), oe && !B && oe(e);
+	}, Ce = S((e) => {
+		Le.start(800 + ee, () => {
+			Ie = !1;
+		}), ye(!1), T && B && T(e), L.start(M.transitions.duration.shortest, () => {
+			F.current = !1;
+		});
+	}), K = (e) => {
+		F.current && e.type !== "touchstart" || (P && P.removeAttribute("title"), R.clear(), z.clear(), p || Ie && _ ? R.start(Ie ? _ : p, () => {
+			Se(e);
+		}) : Se(e));
+	}, we = (e) => {
+		R.clear(), z.start(ee, () => {
+			Ce(e);
+		});
+	}, [, Te] = V.useState(!1), Ee = (e) => {
+		let t = e?.target ?? P;
+		if (!t || !h(t)) {
+			Te(!1);
+			let n = e ?? new Event("blur");
+			!e && t && (Object.defineProperty(n, "target", { value: t }), Object.defineProperty(n, "currentTarget", { value: t })), we(n);
+		}
+	}, De = (e) => {
+		P || me(e.currentTarget), h(e.target) && (Te(!0), K(e));
+	}, Oe = (e) => {
+		F.current = !0;
+		let t = j.props;
+		t.onTouchStart && t.onTouchStart(e);
+	}, ke = (e) => {
+		Oe(e), z.clear(), L.clear(), xe(), U.current = document.body.style.WebkitUserSelect, document.body.style.WebkitUserSelect = "none", _e.start(v, () => {
+			document.body.style.WebkitUserSelect = U.current, K(e);
+		});
+	}, Ae = (e) => {
+		j.props.onTouchEnd && j.props.onTouchEnd(e), xe(), z.start(w, () => {
+			Ce(e);
+		});
+	};
+	V.useEffect(() => {
+		if (!B) return;
+		function e(e) {
+			e.key === "Escape" && Ce(e);
+		}
+		return document.addEventListener("keydown", e), () => {
+			document.removeEventListener("keydown", e);
+		};
+	}, [Ce, B]);
+	let q = g(re(j), me, t);
+	!A && A !== 0 && (B = !1);
+	let je = V.useRef(), Be = (e) => {
+		let t = j.props;
+		t.onMouseMove && t.onMouseMove(e), Re = {
+			x: e.clientX,
+			y: e.clientY
+		}, je.current && je.current.update();
+	}, J = {}, Ve = typeof A == "string";
+	c ? (J.title = !B && Ve && !u ? A : null, J["aria-describedby"] = B ? H : null) : (J["aria-label"] = Ve ? A : null, J["aria-labelledby"] = B && !Ve ? H : null);
+	let Y = {
+		...J,
+		...pe,
+		...j.props,
+		className: m(pe.className, j.props.className),
+		onTouchStart: Oe,
+		ref: q,
+		...y ? { onMouseMove: Be } : {}
+	}, He = {};
+	f || (Y.onTouchStart = ke, Y.onTouchEnd = Ae), u || (Y.onMouseOver = ze(K, Y.onMouseOver), Y.onMouseLeave = ze(we, Y.onMouseLeave), I || (He.onMouseOver = K, He.onMouseLeave = we)), l || (Y.onFocus = ze(De, Y.onFocus), Y.onBlur = ze(Ee, Y.onBlur), I || (He.onFocus = De, He.onBlur = Ee));
+	let X = {
+		...n,
+		isRtl: N,
+		arrow: r,
+		disableInteractive: I,
+		placement: ce,
+		PopperComponentProp: le,
+		touch: F.current
+	}, Z = typeof O.popper == "function" ? O.popper(X) : O.popper, Ue = V.useMemo(() => {
+		let e = [{
+			name: "arrow",
+			enabled: !!he,
+			options: {
+				element: he,
+				padding: 4
+			}
+		}];
+		return D.popperOptions?.modifiers && (e = e.concat(D.popperOptions.modifiers)), Z?.popperOptions?.modifiers && (e = e.concat(Z.popperOptions.modifiers)), {
+			...D.popperOptions,
+			...Z?.popperOptions,
+			modifiers: e
+		};
+	}, [
+		he,
+		D.popperOptions,
+		Z?.popperOptions
+	]), We = Me(X), Ge = typeof O.transition == "function" ? O.transition(X) : O.transition, Ke = {
+		slots: {
+			popper: o.Popper,
+			transition: o.Transition ?? de,
+			tooltip: o.Tooltip,
+			arrow: o.Arrow,
+			...ue
+		},
+		slotProps: {
+			arrow: O.arrow ?? s.arrow,
+			popper: {
+				...D,
+				...Z ?? s.popper
+			},
+			tooltip: O.tooltip ?? s.tooltip,
+			transition: {
+				...fe,
+				...Ge ?? s.transition
+			}
+		}
+	}, [qe, Je] = x("popper", {
+		elementType: Ne,
+		externalForwardedProps: Ke,
+		ownerState: X,
+		className: m(We.popper, D?.className)
+	}), [Ye, Xe] = x("transition", {
+		elementType: be,
+		externalForwardedProps: Ke,
+		ownerState: X
+	}), [Ze, Qe] = x("tooltip", {
+		elementType: Pe,
+		className: We.tooltip,
+		externalForwardedProps: Ke,
+		ownerState: X
+	}), [$e, et] = x("arrow", {
+		elementType: Fe,
+		className: We.arrow,
+		externalForwardedProps: Ke,
+		ownerState: X,
+		ref: ge
+	});
+	return /*#__PURE__*/ G(V.Fragment, { children: [/*#__PURE__*/ V.cloneElement(j, Y), /*#__PURE__*/ W(qe, {
+		as: le ?? k,
+		placement: ce,
+		anchorEl: y ? { getBoundingClientRect: () => ({
+			top: Re.y,
+			left: Re.x,
+			right: Re.x,
+			bottom: Re.y,
+			width: 0,
+			height: 0
+		}) } : P,
+		popperRef: je,
+		open: P ? B : !1,
+		id: H,
+		transition: !0,
+		...He,
+		...Je,
+		popperOptions: Ue,
+		children: ({ TransitionProps: e }) => /*#__PURE__*/ W(Ye, {
+			timeout: M.transitions.duration.shorter,
+			...e,
+			...Xe,
+			children: /*#__PURE__*/ G(Ze, {
+				...Qe,
+				children: [A, r ? /*#__PURE__*/ W($e, { ...et }) : null]
+			})
+		})
+	})] });
+}), J = 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;
+	}
+}, Ve = 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;
+	}
+}, Y = class e extends CustomEvent {
+	static {
+		this.TYPE = "insert.image";
+	}
+	constructor(t) {
+		super(e.TYPE, {
+			bubbles: !0,
+			detail: t
+		}), this.handler = t;
+	}
+}, He = 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;
+	}
+}, X = class e extends CustomEvent {
+	static {
+		this.TYPE = "insert.sound";
+	}
+	constructor(t) {
+		super(e.TYPE, {
+			bubbles: !0,
+			detail: t
+		}), this.handler = t;
+	}
+}, Z = (e = {}, t = {}) => ({
+	...t,
+	...e
+}), Ue = 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"), We = F(R)({
+	flex: "1",
+	maxWidth: "100%"
+}), Ge = F("div")(({ theme: e }) => ({
+	display: "flex",
+	justifyContent: "space-between",
+	paddingBottom: e.spacing(1)
+})), Ke = 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(Ge, { children: /* @__PURE__ */ W(We, {
+			imageSupport: a,
+			disabled: i,
+			autoFocus: p != null && p === m,
+			autoWidthToolbar: !0,
+			label: "label",
+			markup: n,
+			onChange: e,
+			pluginProps: Z(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
+		}) });
+	}
+}, qe = F(j)(({ theme: e }) => ({ height: e.spacing(4) })), Je = 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(qe, {
+			onClick: t,
+			disabled: n,
+			size: "small",
+			variant: "contained",
+			color: "primary",
+			children: e
+		});
+	}
+}, Ye = F(j)({
+	margin: 0,
+	padding: 0
+}), Xe = ({ label: e, onClick: t, disabled: n }) => /* @__PURE__ */ W(Ye, {
+	onClick: t,
+	size: "small",
+	color: "primary",
+	disabled: n,
+	children: e
+}), Ze = 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 Qe(e) {
+	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
+}
+function $e(e, t) {
+	return !e || Qe(e) ? e : Qe(e.default) ? e.default : t && Qe(e[t]) ? e[t] : t && Qe(e[t]?.default) ? e[t].default : e;
+}
+var et = $e(_, "HtmlAndMath") || $e(rt.HtmlAndMath, "HtmlAndMath"), tt = D, nt = tt.default, rt = nt && typeof nt == "object" ? nt : tt, it = F("div")({
+	position: "relative",
+	overflow: "auto",
+	touchAction: "none"
+}), at = F(ge)({
+	position: "absolute",
+	right: 0,
+	top: 0,
+	color: `${_e.tertiary()} !important`
+}), ot = 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(it, { children: [n ? /* @__PURE__ */ W(Te, {
+			alternateResponseIndex: e,
+			category: t,
+			choice: n,
+			choiceIndex: r,
+			onRemoveChoice: this.delete,
+			type: "choice-preview",
+			id: a,
+			categoryId: i,
+			children: /* @__PURE__ */ W(et, { html: n?.content })
+		}) : null, /* @__PURE__ */ W(at, {
+			"aria-label": "delete",
+			onClick: this.delete,
+			size: "large",
+			children: /* @__PURE__ */ W(Ze, {})
+		})] });
+	}
+}, st = /* @__PURE__ */ s(i(), 1);
+(0, st.default)("@pie-element:categorize:configure");
+var ct = 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%"
+})), lt = () => /* @__PURE__ */ W(ct, { children: "Drag your correct answers here" }), ut = ({ alternateResponseIndex: e, category: t, choices: n, onDeleteChoice: r }) => /* @__PURE__ */ W(H.Fragment, { children: (n || []).map((n, i) => n && /* @__PURE__ */ W(ot, {
+	alternateResponseIndex: e,
+	category: t,
+	choice: n,
+	choiceIndex: i,
+	onDelete: (e) => r(e, i)
+}, i)) });
+ut.propTypes = {
+	alternateResponseIndex: K.default.number,
+	category: K.default.object,
+	choices: K.default.array,
+	onDeleteChoice: K.default.func
+};
+var dt = ({ 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(de, {
+			isOver: s,
+			extraStyles: {
+				width: "100%",
+				minHeight: "100px",
+				height: "auto"
+			},
+			children: (n || []).length === 0 ? /* @__PURE__ */ W(lt, {}) : /* @__PURE__ */ W(ut, {
+				alternateResponseIndex: e,
+				category: t,
+				choices: n,
+				onDeleteChoice: r
+			})
+		})
+	});
+};
+dt.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 ft = N.withUid(dt), pt = F(ve, { shouldForwardProp: (e) => e !== "isDuplicated" })(({ theme: e, isDuplicated: t }) => ({
+	minWidth: "196px",
+	padding: e.spacing(1),
+	overflow: "visible",
+	...t && { border: "1px solid red" }
+})), mt = F(ke)(({ theme: e }) => ({ padding: `${e.spacing(1)} 0 0` })), ht = F("div")(({ theme: e }) => ({
+	padding: e.spacing(2),
+	"& p": { margin: 0 }
+})), gt = F("div")(({ theme: e }) => ({
+	fontSize: e.typography.fontSize - 2,
+	color: e.palette.error.main,
+	paddingBottom: e.spacing(1)
+})), _t = 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(pt, {
+			isDuplicated: s,
+			children: [
+				/* @__PURE__ */ G("span", { children: [e || e === 0 ? /* @__PURE__ */ W(ht, { dangerouslySetInnerHTML: { __html: t.label } }) : /* @__PURE__ */ W(Ke, {
+					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(gt, { children: o })] }),
+				/* @__PURE__ */ W(ft, {
+					alternateResponseIndex: e,
+					category: t,
+					choices: t.choices,
+					onDeleteChoice: l,
+					categoryId: t.id,
+					extraStyles: { minHeight: "100px" },
+					isAlternate: this.props.isAlternate
+				}),
+				c && /* @__PURE__ */ W(mt, { children: /* @__PURE__ */ W(Xe, {
+					label: "delete",
+					onClick: c
+				}) })
+			]
+		});
+	}
+}, vt = F("div")(({ theme: e }) => ({
+	display: "flex",
+	justifyContent: "space-between",
+	marginBottom: e.spacing(1)
+})), yt = F("div")({
+	display: "flex",
+	alignItems: "center"
+}), bt = F(Be)(({ theme: e }) => ({ "& .MuiTooltip-tooltip": {
+	fontSize: e.typography.fontSize - 2,
+	whiteSpace: "pre",
+	maxWidth: "500px"
+} })), xt = 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(vt, { children: [/* @__PURE__ */ G(yt, { children: [/* @__PURE__ */ W(A, {
+			variant: a || "title",
+			children: t
+		}), r] }), /* @__PURE__ */ W(bt, {
+			title: o || "",
+			enterTouchDelay: 50,
+			leaveTouchDelay: 3e3,
+			children: /* @__PURE__ */ W("span", { children: /* @__PURE__ */ W(Je, {
+				onClick: e,
+				label: n,
+				disabled: i
+			}) })
+		})] });
+	}
+}, St = (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"
+}, Ct = (e) => (e || []).reduce((e, t) => Math.max(e, t.length), 0), wt = (e) => {
+	let { correctResponse: t = [] } = e || {};
+	return t.reduce((e, t) => {
+		let n = t?.choices?.length || 0, r = t?.alternateResponses || [], i = Math.max(n, Ct(r));
+		return i > e ? i : e;
+	}, 0);
+};
+//#endregion
+//#region src/author/design/categories/RowLabel.tsx
+function Tt(e) {
+	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
+}
+function Et(e, t) {
+	return !e || Tt(e) ? e : Tt(e.default) ? e.default : t && Tt(e[t]) ? e[t] : t && Tt(e[t]?.default) ? e[t].default : e;
+}
+var Dt = Et(v, "InputContainer") || Et(At.InputContainer, "InputContainer"), Ot = D, kt = Ot.default, At = kt && typeof kt == "object" ? kt : Ot, jt = F(Dt)(({ theme: e }) => ({
+	width: "100%",
+	paddingTop: e.spacing(1),
+	marginTop: e.spacing(1)
+})), Mt = ({ 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(jt, {
+			label: "Row Label",
+			children: /* @__PURE__ */ W(R, {
+				disabled: n,
+				markup: r,
+				onChange: a,
+				imageSupport: i,
+				nonEmpty: !1,
+				toolbarOpts: o,
+				pluginProps: Z(f?.inputConfiguration, p),
+				spellCheck: s,
+				maxImageWidth: c,
+				maxImageHeight: l,
+				uploadSoundSupport: u,
+				languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
+				mathMlOptions: d
+			})
+		})
+	});
+}, Nt = F("div")(({ theme: e }) => ({ marginBottom: e.spacing(3) })), Pt = F("div")(({ theme: e }) => ({
+	display: "grid",
+	gridRowGap: e.spacing(1),
+	gridColumnGap: e.spacing(1)
+})), Ft = F(Be)(({ theme: e }) => ({ "& .MuiTooltip-tooltip": {
+	fontSize: e.typography.fontSize - 2,
+	whiteSpace: "pre",
+	maxWidth: "500px"
+} })), It = F("div")(({ theme: e }) => ({
+	fontSize: e.typography.fontSize - 2,
+	color: e.palette.error.main,
+	paddingTop: e.spacing(.5)
+})), Lt = 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 = St(o);
+		return /* @__PURE__ */ G(Nt, { children: [
+			/* @__PURE__ */ W(xt, {
+				label: "Categories",
+				buttonLabel: "ADD A CATEGORY",
+				onAdd: this.add,
+				info: /* @__PURE__ */ W(Ft, {
+					disableFocusListener: !0,
+					disableTouchListener: !0,
+					placement: "right",
+					title: b,
+					children: /* @__PURE__ */ W(Ue, {
+						fontSize: "small",
+						color: "primary",
+						style: { marginLeft: "5px" }
+					})
+				}),
+				buttonDisabled: g && t && g === t.length
+			}),
+			/* @__PURE__ */ W(Pt, {
+				style: y,
+				children: t.map((e, t) => {
+					let f = t % u === 0, p = t / u;
+					return /* @__PURE__ */ G(H.Fragment, { children: [f && /* @__PURE__ */ W(Mt, {
+						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(_t, {
+						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(It, { children: p }),
+			m && /* @__PURE__ */ W(It, { children: m })
+		] });
+	}
+}, Rt = F("div")(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), zt = F("div")(({ theme: e }) => ({
+	display: "grid",
+	gridRowGap: e.spacing(1),
+	gridColumnGap: e.spacing(1)
+})), Bt = F("div")({ gridColumn: "1 / 3" }), Vt = 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: i, altIndex: a, onModelChanged: o } = this.props;
+		o({ correctResponse: r(t.id, e.id, n, a, i.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(Rt, { children: /* @__PURE__ */ W(zt, {
+			style: f,
+			children: r.map((t, r) => {
+				let l = r % c === 0, f = r / c;
+				return /* @__PURE__ */ G(H.Fragment, { children: [l && /* @__PURE__ */ W(Bt, {
+					style: {
+						gridColumn: `1/${c + 1}`,
+						width: "100%"
+					},
+					dangerouslySetInnerHTML: { __html: u[f] || "" }
+				}), /* @__PURE__ */ W(_t, {
+					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);
+			})
+		}) });
+	}
+}, Ht = y(/*#__PURE__*/ W("path", { d: "M20 9H4v2h16zM4 15h16v-2H4z" }), "DragHandle");
+//#endregion
+//#region src/author/design/choices/choice.tsx
+(0, st.default)("@pie-element:categorize:configure:choice");
+var Ut = (e) => {
+	if (e.lockChoiceOrder) return !0;
+	let t = e.choice.categoryCount || 0;
+	return t === 0 ? !0 : e.correctResponseCount < t;
+}, Wt = F(ve)(({ theme: e }) => ({
+	minWidth: "196px",
+	padding: e.spacing(1),
+	overflow: "visible"
+})), Gt = F(ke)({
+	padding: 0,
+	justifyContent: "space-between"
+}), Kt = F("span", { shouldForwardProp: (e) => e !== "draggable" })(({ draggable: e }) => ({
+	cursor: e ? "move" : "inherit",
+	touchAction: "none"
+})), qt = F("div")(({ theme: e }) => ({
+	fontSize: e.typography.fontSize - 2,
+	color: e.palette.error.main,
+	paddingBottom: e.spacing(1)
+})), Jt = ({ 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 _ = Ut({
+		choice: n,
+		correctResponseCount: c,
+		lockChoiceOrder: l
+	}), { attributes: v, listeners: y, setNodeRef: b, isDragging: ee } = ye({
+		id: `choice-${n.id}`,
+		data: {
+			id: n.id,
+			index: a,
+			type: "choice"
+		},
+		disabled: !_
+	}), { setNodeRef: te } = B({
+		id: `choice-drop-${n.id}`,
+		data: {
+			id: n.id,
+			index: a,
+			type: "choice"
+		}
+	}), x = (e) => {
+		n.content = e, s(n);
+	}, S = () => {
+		n.categoryCount === 1 ? n.categoryCount = 0 : n.categoryCount = 1, s(n);
+	}, ne = ((e) => e === Q.perChoice)(e);
+	return /* @__PURE__ */ G(Wt, {
+		ref: (e) => {
+			b(e), te(e);
+		},
+		style: { opacity: ee ? .5 : 1 },
+		children: [
+			/* @__PURE__ */ W(Gt, { children: /* @__PURE__ */ W(Kt, {
+				draggable: _,
+				...v,
+				...y,
+				children: /* @__PURE__ */ W(Ht, { color: _ ? "primary" : "disabled" })
+			}) }),
+			/* @__PURE__ */ W(Ke, {
+				imageSupport: u,
+				focusedEl: i,
+				deleteFocusedEl: r,
+				index: a,
+				label: n.content,
+				onChange: x,
+				onDelete: o,
+				toolbarOpts: f,
+				spellCheck: d,
+				error: p,
+				maxImageWidth: m,
+				maxImageHeight: h,
+				uploadSoundSupport: g,
+				configuration: t
+			}),
+			p && /* @__PURE__ */ W(qt, { children: p }),
+			/* @__PURE__ */ G(Gt, { children: [/* @__PURE__ */ W(Xe, {
+				label: "delete",
+				onClick: o
+			}), ne && /* @__PURE__ */ W(le, {
+				mini: !0,
+				label: "Remove after placing",
+				checked: n.categoryCount === 1,
+				onChange: S
+			})] })
+		]
+	});
+};
+Jt.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 Yt = N.withUid(Jt), Xt = F("div")(({ theme: e }) => ({
+	paddingTop: e.spacing(1),
+	marginBottom: e.spacing(1)
+})), Zt = F(M)({ width: "100%" }), Qt = 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(Xt, { children: /* @__PURE__ */ W(Zt, {
+			InputLabelProps: { shrink: !0 },
+			variant: "outlined",
+			label: "Label",
+			value: e.choicesLabel,
+			onChange: this.changeLabel,
+			spellCheck: t
+		}) });
+	}
+}, $t = F("div")(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), en = F("div")(({ theme: e }) => ({
+	paddingTop: e.spacing(1),
+	paddingBottom: e.spacing(1),
+	display: "grid",
+	gridRowGap: e.spacing(1),
+	gridColumnGap: e.spacing(1)
+})), tn = F("div")(({ theme: e }) => ({
+	fontSize: e.typography.fontSize - 2,
+	color: e.palette.error.main,
+	paddingTop: e.spacing(.5)
+})), nn = 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: n, onModelChanged: r } = this.props, i = n.choices.findIndex((t) => t.id === e.id);
+		i !== -1 && (n.choices.splice(i, 1), n.correctResponse = t(e.id, n.correctResponse), r(n));
+	};
+	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($t, { children: [
+			/* @__PURE__ */ W(xt, {
+				label: "Choices",
+				buttonLabel: "ADD A CHOICE",
+				onAdd: this.addChoice,
+				buttonDisabled: m && t && t?.length >= m,
+				tooltip: b
+			}),
+			/* @__PURE__ */ W(Qt, {
+				config: n,
+				onModelChanged: a,
+				spellCheck: o
+			}),
+			/* @__PURE__ */ W(en, {
+				style: y,
+				children: t.map((t, n) => /* @__PURE__ */ W(Yt, {
+					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(tn, { children: h })
+		] });
+	}
+}, rn = (e, t, n) => Ce(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;
+}), an = (e, t, n) => !e.alternateResponses || e.alternateResponses.length === 0 ? [] : (e.alternateResponses[n] || []).map((e) => t.find((t) => t.id === e)), on = (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: an(n, t, i)
+		};
+	}));
+}, { translator: sn } = e, { dropdown: cn, Panel: ln, toggle: $, radio: un, numberField: dn } = P, { Provider: fn } = N, pn = 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
+		});
+	}
+}, mn = F(xt)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), hn = F(z)(({ theme: e }) => ({
+	width: "100%",
+	paddingTop: e.spacing(1),
+	marginTop: e.spacing(1),
+	marginBottom: e.spacing(2)
+})), gn = F("div")(({ theme: e }) => ({
+	fontSize: e.typography.fontSize - 2,
+	color: e.palette.error.main,
+	paddingTop: e.spacing(1)
+})), _n = 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: r } = this.props, i = {
+			...t,
+			...e
+		};
+		i.choices = i.choices.map((e) => ({
+			...e,
+			categoryCount: this.checkAllowMultiplePlacements(i.allowMultiplePlacementsEnabled, e)
+		})), i.correctResponse = u(i.correctResponse || [], i.choices), i.correctResponse = n(i.correctResponse || [], i.choices), i.categories = i.categories.map((e) => ({
+			id: e.id,
+			label: e.label
+		})), i.choices = i.choices.map((e) => ({
+			id: e.id,
+			content: e.content,
+			categoryCount: e.categoryCount
+		})), i.maxChoicesPerCategory = i.allowMaxChoicesPerCategory ? i.maxChoicesPerCategory : 0, r(i);
+	};
+	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 o(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 = wt(e);
+		return t === 0 ? !1 : n > t;
+	};
+	onAlertModalCancel = () => {
+		let { model: e } = this.props, t = wt(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 = wt(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 = wt(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 = wt(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 = wt(a);
+		this.updateModel({
+			correctResponse: s,
+			maxChoicesPerCategory: c !== 0 && c < u ? c + 1 : c
+		});
+	};
+	deleteChoiceFromAlternateCategory = (e, t, n, i) => {
+		let { model: a } = this.props, o = r(t.id, e.id, n, i, a.correctResponse);
+		this.updateModel({ correctResponse: o });
+	};
+	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(Yt, {
+				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(ot, { 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(ot, {
+				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: ee, spellCheck: te = {}, studentInstructions: x = {}, teacherInstructions: S = {}, withRubric: ne = {}, mathMlOptions: C = {}, language: w = {}, languageChoices: T = {}, allowMaxAnswerChoices: E = {} } = e || {}, { allowAlternateEnabled: re, allowMaxChoicesPerCategory: ie, errors: ae, feedbackEnabled: oe, maxChoicesPerCategory: se, promptEnabled: le, rationaleEnabled: D, spellCheckEnabled: k, teacherInstructionsEnabled: ue, toolbarEditorPosition: A, extraCSSRules: de } = n || {}, { prompt: j, rationale: M, teacherInstructions: N } = ae || {}, P = { position: A === "top" ? "top" : "bottom" }, me = n.config || {};
+		me.choices = me.choices || {
+			label: "",
+			columns: 2
+		};
+		let ge = rn(n.categories || [], n.choices || [], n.correctResponse || []), F = on(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 && dn(c.label, {
+				label: c.label,
+				min: g,
+				max: 6
+			}),
+			choicesPosition: l.settings && un(l.label, [
+				"below",
+				"above",
+				"left",
+				"right"
+			]),
+			allowMultiplePlacementsEnabled: o.settings && cn(o.label, [
+				Q.enabled,
+				Q.disabled,
+				Q.perChoice
+			]),
+			maxAnswerChoices: E.settings && dn(E.label, {
+				label: "",
+				min: I?.length || 0,
+				max: 30
+			}),
+			allowMaxChoicesPerCategory: h.settings && $(h.label),
+			maxChoicesPerCategory: ie === !0 && dn(h.label, {
+				label: "",
+				min: 0,
+				max: 30
+			}),
+			promptEnabled: v.settings && $(v.label),
+			feedbackEnabled: d.settings && $(d.label),
+			allowAlternateEnabled: a.settings && $(a.label),
+			"language.enabled": w.settings && $(w.label, !0),
+			language: w.settings && w.enabled && cn(T.label, T.options)
+		}, ve = {
+			teacherInstructionsEnabled: S.settings && $(S.label),
+			studentInstructionsEnabled: x.settings && $(x.label),
+			rationaleEnabled: y.settings && $(y.label),
+			spellCheckEnabled: te.settings && $(te.label),
+			scoringType: b.settings && un(b.label, ["auto", "rubric"]),
+			rubricEnabled: ne?.settings && $(ne?.label)
+		}, ye = this.isAlertModalOpened(), B = sn.t("translation:categorize:maxChoicesPerCategoryRestriction", {
+			lng: n.language,
+			maxChoicesPerCategory: se
+		});
+		return /* @__PURE__ */ W(fe, {
+			onDragStart: this.onDragStart,
+			onDragEnd: this.onDragEnd,
+			children: /* @__PURE__ */ G(fn, {
+				value: this.uid,
+				children: [/* @__PURE__ */ G(pe.ConfigLayout, {
+					extraCSSRules: de,
+					dimensions: u,
+					hideSettings: ee,
+					settings: /* @__PURE__ */ W(ln, {
+						model: n,
+						onChangeModel: this.updateModel,
+						configuration: e,
+						onChangeConfiguration: i,
+						groups: {
+							Settings: _e,
+							Properties: ve
+						},
+						modal: /* @__PURE__ */ W(O, {
+							title: "Warning",
+							text: B,
+							open: ye,
+							onClose: this.onAlertModalCancel
+						})
+					}),
+					children: [
+						ue && /* @__PURE__ */ G(hn, {
+							label: S.label,
+							children: [/* @__PURE__ */ W(R, {
+								markup: n.teacherInstructions || "",
+								onChange: this.changeTeacherInstructions,
+								imageSupport: t,
+								error: N,
+								nonEmpty: !1,
+								toolbarOpts: P,
+								pluginProps: Z(S?.inputConfiguration, s),
+								spellCheck: k,
+								maxImageWidth: m && m.teacherInstructions || L,
+								maxImageHeight: p && p.teacherInstructions || z,
+								uploadSoundSupport: r,
+								languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
+								mathMlOptions: C
+							}), N && /* @__PURE__ */ W(gn, { children: N })]
+						}),
+						le && /* @__PURE__ */ G(hn, {
+							label: v.label,
+							children: [/* @__PURE__ */ W(R, {
+								markup: n.prompt || "",
+								onChange: this.onPromptChanged,
+								imageSupport: t,
+								error: j,
+								nonEmpty: !1,
+								disableUnderline: !0,
+								toolbarOpts: P,
+								pluginProps: Z(v?.inputConfiguration, s),
+								spellCheck: k,
+								maxImageWidth: m && m.prompt,
+								maxImageHeight: p && p.prompt,
+								uploadSoundSupport: r,
+								languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
+								mathMlOptions: C
+							}), j && /* @__PURE__ */ W(gn, { children: j })]
+						}),
+						/* @__PURE__ */ W(Lt, {
+							imageSupport: t,
+							uploadSoundSupport: r,
+							model: n,
+							categories: ge || [],
+							onModelChanged: this.updateModel,
+							toolbarOpts: P,
+							spellCheck: k,
+							configuration: e,
+							defaultImageMaxWidth: L,
+							defaultImageMaxHeight: z,
+							mathMlOptions: C
+						}),
+						/* @__PURE__ */ W(nn, {
+							imageSupport: t,
+							uploadSoundSupport: r,
+							choices: I,
+							model: n,
+							onModelChanged: this.updateModel,
+							toolbarOpts: P,
+							spellCheck: k,
+							configuration: e,
+							defaultImageMaxWidth: L,
+							defaultImageMaxHeight: z
+						}),
+						re && /* @__PURE__ */ W(mn, {
+							label: "Alternate Responses",
+							buttonLabel: "ADD AN ALTERNATE RESPONSE",
+							onAdd: this.onAddAlternateResponse
+						}),
+						re && F.map((i, a) => /* @__PURE__ */ G(H.Fragment, { children: [/* @__PURE__ */ W(mn, {
+							variant: "subtitle1",
+							label: "Alternate Response",
+							buttonLabel: "REMOVE ALTERNATE RESPONSE",
+							onAdd: () => this.onRemoveAlternateResponse(a)
+						}), /* @__PURE__ */ W(Vt, {
+							altIndex: a,
+							imageSupport: t,
+							model: n,
+							configuration: e,
+							categories: i,
+							onModelChanged: this.updateModel,
+							uploadSoundSupport: r,
+							mathMlOptions: C
+						})] }, a)),
+						D && /* @__PURE__ */ G(hn, {
+							label: y.label,
+							children: [/* @__PURE__ */ W(R, {
+								markup: n.rationale || "",
+								onChange: this.changeRationale,
+								imageSupport: t,
+								error: M,
+								nonEmpty: !1,
+								toolbarOpts: P,
+								pluginProps: Z(v?.inputConfiguration, s),
+								spellCheck: k,
+								maxImageWidth: m && m.rationale || L,
+								maxImageHeight: p && p.rationale || z,
+								uploadSoundSupport: r,
+								languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
+								mathMlOptions: C
+							}), M && /* @__PURE__ */ W(gn, { children: M })]
+						}),
+						oe && /* @__PURE__ */ W(he, {
+							feedback: n.feedback,
+							onChange: this.changeFeedback,
+							toolbarOpts: P
+						})
+					]
+				}), /* @__PURE__ */ W(ce, { children: /* @__PURE__ */ W(pn, { children: this.renderDragOverlay() }) })]
+			})
+		});
+	}
+}, vn = 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(_n, {
+			imageSupport: i,
+			uploadSoundSupport: a,
+			title: "Design",
+			model: e,
+			configuration: n,
+			onChange: t,
+			onConfigurationChanged: r
+		});
+	}
+}, yn = {
+	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: []
+		}
+	}
+}, bn = class e extends HTMLElement {
+	static createDefaultModel = (e = {}) => ({
+		...yn.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 = yn.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 = {
+			...yn.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 J(this._model, !1));
+	}
+	onConfigurationChanged(e) {
+		this._configuration = e, this.render();
+	}
+	connectedCallback() {
+		this.render();
+	}
+	insertImage(e) {
+		this.dispatchEvent(new Y(e));
+	}
+	onDeleteImage(e, t) {
+		this.dispatchEvent(new Ve(e, t));
+	}
+	insertSound(e) {
+		this.dispatchEvent(new X(e));
+	}
+	onDeleteSound(e, t) {
+		this.dispatchEvent(new He(e, t));
+	}
+	render() {
+		let e = H.createElement(vn, {
+			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 { bn as default };
+
+//# sourceMappingURL=index.js.map