@pie-element/categorize 13.1.1 → 13.1.2-next.1

package/dist/browser/author/index.js

@@ -0,0 +1,2041 @@
+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-BINEJ0Vp.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-C19vRASu.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