@pie-element/categorize 13.1.2-next.0 → 13.1.2-next.2

package/dist/browser/author/index.js

@@ -1,17 +1,11 @@
-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 { 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-DDCLQ8jp.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 }) => ({
+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),
@@ -23,7 +17,7 @@ var K = /* @__PURE__ */ s(ue(), 1), we = F("div")(({ theme: e }) => ({
 	"& 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 }) {
+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,
@@ -41,7 +35,7 @@ function Te({ choice: e, children: t, className: n, disabled: r, category: i, al
 			type: c
 		}
 	});
-	return /* @__PURE__ */ W(we, {
+	return /* @__PURE__ */ W(xe, {
 		ref: f,
 		className: n,
 		isDragging: p,
@@ -50,7 +44,7 @@ function Te({ choice: e, children: t, className: n, disabled: r, category: i, al
 		children: t
 	});
 }
-Te.propTypes = {
+q.propTypes = {
 	choice: K.default.shape({
 		id: K.default.oneOfType([K.default.string, K.default.number]).isRequired,
 		value: K.default.any
@@ -67,16 +61,16 @@ Te.propTypes = {
 };
 //#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);
+function Se(e) {
+	return T("MuiCardActions", e);
 }
-se("MuiCardActions", ["root", "spacing"]);
+oe("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) => {
+var Ce = (e) => {
 	let { classes: t, disableSpacing: n } = e;
-	return oe({ root: ["root", !n && "spacing"] }, Ee, t);
-}, Oe = F("div", {
+	return ae({ root: ["root", !n && "spacing"] }, Se, t);
+}, we = F("div", {
 	name: "MuiCardActions",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -91,16 +85,16 @@ var De = (e) => {
 		props: { disableSpacing: !1 },
 		style: { "& > :not(style) ~ :not(style)": { marginLeft: 8 } }
 	}]
-}), ke = /*#__PURE__*/ V.forwardRef(function(e, t) {
-	let n = ie({
+}), 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(Oe, {
-		className: m(De(o).root, i),
+	return /*#__PURE__*/ W(we, {
+		className: m(Ce(o).root, i),
 		ownerState: o,
 		ref: t,
 		...a
@@ -108,10 +102,10 @@ var De = (e) => {
 });
 //#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);
+function Ee(e) {
+	return T("MuiTooltip", e);
 }
-var q = se("MuiTooltip", [
+var J = oe("MuiTooltip", [
 	"popper",
 	"popperInteractive",
 	"popperArrow",
@@ -127,12 +121,12 @@ var q = se("MuiTooltip", [
 ]);
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/Tooltip/Tooltip.js
-function je(e) {
+function De(e) {
 	return Math.round(e * 1e5) / 1e5;
 }
-var Me = (e) => {
+var Oe = (e) => {
 	let { classes: t, disableInteractive: n, arrow: r, touch: i, placement: a } = e;
-	return oe({
+	return ae({
 		popper: [
 			"popper",
 			!n && "popperInteractive",
@@ -142,11 +136,11 @@ var Me = (e) => {
 			"tooltip",
 			r && "tooltipArrow",
 			i && "touch",
-			`tooltipPlacement${ee(a.split("-")[0])}`
+			`tooltipPlacement${x(a.split("-")[0])}`
 		],
 		arrow: ["arrow"]
-	}, Ae, t);
-}, Ne = F(k, {
+	}, Ee, t);
+}, ke = F(A, {
 	name: "MuiTooltip",
 	slot: "Popper",
 	overridesResolver: (e, t) => {
@@ -158,7 +152,7 @@ var Me = (e) => {
 			!n.open && t.popperClose
 		];
 	}
-})(T(({ theme: e }) => ({
+})(E(({ theme: e }) => ({
 	zIndex: (e.vars || e).zIndex.tooltip,
 	pointerEvents: "none",
 	variants: [
@@ -173,22 +167,22 @@ var Me = (e) => {
 		{
 			props: ({ ownerState: e }) => e.arrow,
 			style: {
-				[`&[data-popper-placement*="bottom"] .${q.arrow}`]: {
+				[`&[data-popper-placement*="bottom"] .${J.arrow}`]: {
 					top: 0,
 					marginTop: "-0.71em",
 					"&::before": { transformOrigin: "0 100%" }
 				},
-				[`&[data-popper-placement*="top"] .${q.arrow}`]: {
+				[`&[data-popper-placement*="top"] .${J.arrow}`]: {
 					bottom: 0,
 					marginBottom: "-0.71em",
 					"&::before": { transformOrigin: "100% 0" }
 				},
-				[`&[data-popper-placement*="right"] .${q.arrow}`]: {
+				[`&[data-popper-placement*="right"] .${J.arrow}`]: {
 					height: "1em",
 					width: "0.71em",
 					"&::before": { transformOrigin: "100% 100%" }
 				},
-				[`&[data-popper-placement*="left"] .${q.arrow}`]: {
+				[`&[data-popper-placement*="left"] .${J.arrow}`]: {
 					height: "1em",
 					width: "0.71em",
 					"&::before": { transformOrigin: "0 0" }
@@ -197,34 +191,34 @@ var Me = (e) => {
 		},
 		{
 			props: ({ ownerState: e }) => e.arrow && !e.isRtl,
-			style: { [`&[data-popper-placement*="right"] .${q.arrow}`]: {
+			style: { [`&[data-popper-placement*="right"] .${J.arrow}`]: {
 				left: 0,
 				marginLeft: "-0.71em"
 			} }
 		},
 		{
 			props: ({ ownerState: e }) => e.arrow && !!e.isRtl,
-			style: { [`&[data-popper-placement*="right"] .${q.arrow}`]: {
+			style: { [`&[data-popper-placement*="right"] .${J.arrow}`]: {
 				right: 0,
 				marginRight: "-0.71em"
 			} }
 		},
 		{
 			props: ({ ownerState: e }) => e.arrow && !e.isRtl,
-			style: { [`&[data-popper-placement*="left"] .${q.arrow}`]: {
+			style: { [`&[data-popper-placement*="left"] .${J.arrow}`]: {
 				right: 0,
 				marginRight: "-0.71em"
 			} }
 		},
 		{
 			props: ({ ownerState: e }) => e.arrow && !!e.isRtl,
-			style: { [`&[data-popper-placement*="left"] .${q.arrow}`]: {
+			style: { [`&[data-popper-placement*="left"] .${J.arrow}`]: {
 				left: 0,
 				marginLeft: "-0.71em"
 			} }
 		}
 	]
-}))), Pe = F("div", {
+}))), Ae = F("div", {
 	name: "MuiTooltip",
 	slot: "Tooltip",
 	overridesResolver: (e, t) => {
@@ -233,10 +227,10 @@ var Me = (e) => {
 			t.tooltip,
 			n.touch && t.touch,
 			n.arrow && t.tooltipArrow,
-			t[`tooltipPlacement${ee(n.placement.split("-")[0])}`]
+			t[`tooltipPlacement${x(n.placement.split("-")[0])}`]
 		];
 	}
-})(T(({ theme: e }) => ({
+})(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,
@@ -247,13 +241,13 @@ var Me = (e) => {
 	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"] &`]: {
+	[`.${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"
 	},
-	[`.${q.popper}[data-popper-placement*="bottom"] &`]: {
+	[`.${J.popper}[data-popper-placement*="bottom"] &`]: {
 		transformOrigin: "center top",
 		marginTop: "14px"
 	},
@@ -270,51 +264,51 @@ var Me = (e) => {
 			style: {
 				padding: "8px 16px",
 				fontSize: e.typography.pxToRem(14),
-				lineHeight: `${je(16 / 14)}em`,
+				lineHeight: `${De(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" }
+				[`.${J.popper}[data-popper-placement*="left"] &`]: { marginRight: "14px" },
+				[`.${J.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" }
+				[`.${J.popper}[data-popper-placement*="left"] &`]: { marginRight: "24px" },
+				[`.${J.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" }
+				[`.${J.popper}[data-popper-placement*="left"] &`]: { marginLeft: "14px" },
+				[`.${J.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" }
+				[`.${J.popper}[data-popper-placement*="left"] &`]: { marginLeft: "24px" },
+				[`.${J.popper}[data-popper-placement*="right"] &`]: { marginRight: "24px" }
 			}
 		},
 		{
 			props: ({ ownerState: e }) => e.touch,
-			style: { [`.${q.popper}[data-popper-placement*="top"] &`]: { marginBottom: "24px" } }
+			style: { [`.${J.popper}[data-popper-placement*="top"] &`]: { marginBottom: "24px" } }
 		},
 		{
 			props: ({ ownerState: e }) => e.touch,
-			style: { [`.${q.popper}[data-popper-placement*="bottom"] &`]: { marginTop: "24px" } }
+			style: { [`.${J.popper}[data-popper-placement*="bottom"] &`]: { marginTop: "24px" } }
 		}
 	]
-}))), Fe = F("span", {
+}))), je = F("span", {
 	name: "MuiTooltip",
 	slot: "Arrow"
-})(T(({ theme: e }) => ({
+})(E(({ theme: e }) => ({
 	overflow: "hidden",
 	position: "absolute",
 	width: "1em",
@@ -330,104 +324,104 @@ var Me = (e) => {
 		backgroundColor: "currentColor",
 		transform: "rotate(45deg)"
 	}
-}))), Ie = !1, Le = new b(), Re = {
+}))), Me = !1, Ne = new b(), Pe = {
 	x: 0,
 	y: 0
 };
-function ze(e, t) {
+function Fe(e, t) {
 	return (n, ...r) => {
 		t && t(n, ...r), e(n, ...r);
 	};
 }
-var Be = /*#__PURE__*/ V.forwardRef(function(e, t) {
-	let n = ie({
+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: 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,
+	}), { 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 = C(b), U = V.useRef(), xe = S(() => {
+	}), 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(() => 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, () => {
+	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;
 		});
-	}), 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);
+	}), 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);
 		});
-	}, [, Te] = V.useState(!1), Ee = (e) => {
+	}, [, we] = V.useState(!1), Te = (e) => {
 		let t = e?.target ?? P;
 		if (!t || !h(t)) {
-			Te(!1);
+			we(!1);
 			let n = e ?? new Event("blur");
-			!e && t && (Object.defineProperty(n, "target", { value: t }), Object.defineProperty(n, "currentTarget", { value: t })), we(n);
+			!e && t && (Object.defineProperty(n, "target", { value: t }), Object.defineProperty(n, "currentTarget", { value: t })), Ce(n);
 		}
-	}, De = (e) => {
-		P || me(e.currentTarget), h(e.target) && (Te(!0), K(e));
-	}, Oe = (e) => {
+	}, Ee = (e) => {
+		P || me(e.currentTarget), h(e.target) && (we(!0), Se(e));
+	}, J = (e) => {
 		F.current = !0;
-		let t = j.props;
+		let t = M.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);
+	}, 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);
 		});
-	}, Ae = (e) => {
-		j.props.onTouchEnd && j.props.onTouchEnd(e), xe(), z.start(w, () => {
-			Ce(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" && Ce(e);
+			e.key === "Escape" && q(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 = {
+	}, [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
-		}, 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));
+		}, 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: ce,
-		PopperComponentProp: le,
+		placement: se,
+		PopperComponentProp: ce,
 		touch: F.current
-	}, Z = typeof O.popper == "function" ? O.popper(X) : O.popper, Ue = V.useMemo(() => {
+	}, He = typeof k.popper == "function" ? k.popper(Z) : k.popper, Ue = V.useMemo(() => {
 		let e = [{
 			name: "arrow",
 			enabled: !!he,
@@ -436,85 +430,85 @@ var Be = /*#__PURE__*/ V.forwardRef(function(e, t) {
 				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,
+		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,
-		D.popperOptions,
-		Z?.popperOptions
-	]), We = Me(X), Ge = typeof O.transition == "function" ? O.transition(X) : O.transition, Ke = {
+		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 ?? de,
+			transition: o.Transition ?? ue,
 			tooltip: o.Tooltip,
 			arrow: o.Arrow,
-			...ue
+			...le
 		},
 		slotProps: {
-			arrow: O.arrow ?? s.arrow,
+			arrow: k.arrow ?? s.arrow,
 			popper: {
-				...D,
-				...Z ?? s.popper
+				...O,
+				...He ?? s.popper
 			},
-			tooltip: O.tooltip ?? s.tooltip,
+			tooltip: k.tooltip ?? s.tooltip,
 			transition: {
-				...fe,
+				...de,
 				...Ge ?? s.transition
 			}
 		}
-	}, [qe, Je] = x("popper", {
-		elementType: Ne,
+	}, [qe, Je] = S("popper", {
+		elementType: ke,
 		externalForwardedProps: Ke,
-		ownerState: X,
-		className: m(We.popper, D?.className)
-	}), [Ye, Xe] = x("transition", {
+		ownerState: Z,
+		className: m(We.popper, O?.className)
+	}), [Ye, Xe] = S("transition", {
 		elementType: be,
 		externalForwardedProps: Ke,
-		ownerState: X
-	}), [Ze, Qe] = x("tooltip", {
-		elementType: Pe,
+		ownerState: Z
+	}), [Ze, Qe] = S("tooltip", {
+		elementType: Ae,
 		className: We.tooltip,
 		externalForwardedProps: Ke,
-		ownerState: X
-	}), [$e, et] = x("arrow", {
-		elementType: Fe,
+		ownerState: Z
+	}), [$e, et] = S("arrow", {
+		elementType: je,
 		className: We.arrow,
 		externalForwardedProps: Ke,
-		ownerState: X,
+		ownerState: Z,
 		ref: ge
 	});
-	return /*#__PURE__*/ G(V.Fragment, { children: [/*#__PURE__*/ V.cloneElement(j, Y), /*#__PURE__*/ W(qe, {
-		as: le ?? k,
-		placement: ce,
+	return /*#__PURE__*/ G(V.Fragment, { children: [/*#__PURE__*/ V.cloneElement(M, X), /*#__PURE__*/ W(qe, {
+		as: ce ?? A,
+		placement: se,
 		anchorEl: y ? { getBoundingClientRect: () => ({
-			top: Re.y,
-			left: Re.x,
-			right: Re.x,
-			bottom: Re.y,
+			top: Pe.y,
+			left: Pe.x,
+			right: Pe.x,
+			bottom: Pe.y,
 			width: 0,
 			height: 0
 		}) } : P,
-		popperRef: je,
+		popperRef: Re,
 		open: P ? B : !1,
 		id: H,
 		transition: !0,
-		...He,
+		...Ve,
 		...Je,
 		popperOptions: Ue,
 		children: ({ TransitionProps: e }) => /*#__PURE__*/ W(Ye, {
-			timeout: M.transitions.duration.shorter,
+			timeout: pe.transitions.duration.shorter,
 			...e,
 			...Xe,
 			children: /*#__PURE__*/ G(Ze, {
 				...Qe,
-				children: [A, r ? /*#__PURE__*/ W($e, { ...et }) : null]
+				children: [j, r ? /*#__PURE__*/ W($e, { ...et }) : null]
 			})
 		})
 	})] });
-}), J = class e extends CustomEvent {
+}), Le = class e extends CustomEvent {
 	static {
 		this.TYPE = "model.updated";
 	}
@@ -527,7 +521,7 @@ var Be = /*#__PURE__*/ V.forwardRef(function(e, t) {
 			}
 		}), this.update = t, this.reset = n;
 	}
-}, Ve = class e extends CustomEvent {
+}, Re = class e extends CustomEvent {
 	static {
 		this.TYPE = "delete.image";
 	}
@@ -540,7 +534,7 @@ var Be = /*#__PURE__*/ V.forwardRef(function(e, t) {
 			}
 		}), this.src = t, this.done = n;
 	}
-}, Y = class e extends CustomEvent {
+}, ze = class e extends CustomEvent {
 	static {
 		this.TYPE = "insert.image";
 	}
@@ -550,7 +544,7 @@ var Be = /*#__PURE__*/ V.forwardRef(function(e, t) {
 			detail: t
 		}), this.handler = t;
 	}
-}, He = class e extends CustomEvent {
+}, Y = class e extends CustomEvent {
 	static {
 		this.TYPE = "delete.sound";
 	}
@@ -563,7 +557,7 @@ var Be = /*#__PURE__*/ V.forwardRef(function(e, t) {
 			}
 		}), this.src = t, this.done = n;
 	}
-}, X = class e extends CustomEvent {
+}, Be = class e extends CustomEvent {
 	static {
 		this.TYPE = "insert.sound";
 	}
@@ -573,17 +567,17 @@ var Be = /*#__PURE__*/ V.forwardRef(function(e, t) {
 			detail: t
 		}), this.handler = t;
 	}
-}, Z = (e = {}, t = {}) => ({
+}, X = (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)({
+}), 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%"
-}), Ge = F("div")(({ theme: e }) => ({
+}), He = F("div")(({ theme: e }) => ({
 	display: "flex",
 	justifyContent: "space-between",
 	paddingBottom: e.spacing(1)
-})), Ke = class extends H.Component {
+})), Ue = class extends H.Component {
 	static propTypes = {
 		configuration: K.default.object.isRequired,
 		deleteFocusedEl: K.default.func,
@@ -613,7 +607,7 @@ var Be = /*#__PURE__*/ V.forwardRef(function(e, t) {
 	}
 	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, {
+		return /* @__PURE__ */ W(He, { children: /* @__PURE__ */ W(Z, {
 			imageSupport: a,
 			disabled: i,
 			autoFocus: p != null && p === m,
@@ -621,7 +615,7 @@ var Be = /*#__PURE__*/ V.forwardRef(function(e, t) {
 			label: "label",
 			markup: n,
 			onChange: e,
-			pluginProps: Z(h?.inputConfiguration, g),
+			pluginProps: X(h?.inputConfiguration, g),
 			toolbarOpts: o,
 			spellCheck: s,
 			error: c,
@@ -635,7 +629,7 @@ var Be = /*#__PURE__*/ V.forwardRef(function(e, t) {
 			mathMlOptions: f
 		}) });
 	}
-}, qe = F(j)(({ theme: e }) => ({ height: e.spacing(4) })), Je = class extends H.Component {
+}, We = F(M)(({ theme: e }) => ({ height: e.spacing(4) })), Ge = class extends H.Component {
 	static propTypes = {
 		label: K.default.string,
 		onClick: K.default.func,
@@ -644,7 +638,7 @@ var Be = /*#__PURE__*/ V.forwardRef(function(e, t) {
 	static defaultProps = { label: "Add" };
 	render() {
 		let { label: e, onClick: t, disabled: n } = this.props;
-		return /* @__PURE__ */ W(qe, {
+		return /* @__PURE__ */ W(We, {
 			onClick: t,
 			disabled: n,
 			size: "small",
@@ -653,34 +647,34 @@ var Be = /*#__PURE__*/ V.forwardRef(function(e, t) {
 			children: e
 		});
 	}
-}, Ye = F(j)({
+}, Ke = F(M)({
 	margin: 0,
 	padding: 0
-}), Xe = ({ label: e, onClick: t, disabled: n }) => /* @__PURE__ */ W(Ye, {
+}), qe = ({ label: e, onClick: t, disabled: n }) => /* @__PURE__ */ W(Ke, {
 	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");
+}), 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 Qe(e) {
+function Ye(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;
+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 et = $e(_, "HtmlAndMath") || $e(rt.HtmlAndMath, "HtmlAndMath"), tt = D, nt = tt.default, rt = nt && typeof nt == "object" ? nt : tt, it = F("div")({
+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"
-}), at = F(ge)({
+}), nt = F(ge)({
 	position: "absolute",
 	right: 0,
 	top: 0,
 	color: `${_e.tertiary()} !important`
-}), ot = class extends H.Component {
+}), rt = class extends H.Component {
 	static propTypes = {
 		alternateResponseIndex: K.default.number,
 		category: K.default.object,
@@ -695,7 +689,7 @@ var et = $e(_, "HtmlAndMath") || $e(rt.HtmlAndMath, "HtmlAndMath"), tt = D, nt =
 	};
 	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, {
+		return /* @__PURE__ */ G(tt, { children: [n ? /* @__PURE__ */ W(q, {
 			alternateResponseIndex: e,
 			category: t,
 			choice: n,
@@ -704,17 +698,17 @@ var et = $e(_, "HtmlAndMath") || $e(rt.HtmlAndMath, "HtmlAndMath"), tt = D, nt =
 			type: "choice-preview",
 			id: a,
 			categoryId: i,
-			children: /* @__PURE__ */ W(et, { html: n?.content })
-		}) : null, /* @__PURE__ */ W(at, {
+			children: /* @__PURE__ */ W(Ze, { html: n?.content })
+		}) : null, /* @__PURE__ */ W(nt, {
 			"aria-label": "delete",
 			onClick: this.delete,
 			size: "large",
-			children: /* @__PURE__ */ W(Ze, {})
+			children: /* @__PURE__ */ W(Je, {})
 		})] });
 	}
-}, st = /* @__PURE__ */ s(i(), 1);
-(0, st.default)("@pie-element:categorize:configure");
-var ct = F("div")(({ theme: e }) => ({
+}, it = /* @__PURE__ */ t(n(), 1);
+(0, it.default)("@pie-element:categorize:configure");
+var at = F("div")(({ theme: e }) => ({
 	display: "flex",
 	alignItems: "center",
 	justifyContent: "center",
@@ -722,20 +716,20 @@ var ct = F("div")(({ theme: e }) => ({
 	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, {
+})), 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)) });
-ut.propTypes = {
+st.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 }) => {
+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: {
@@ -748,14 +742,14 @@ var dt = ({ alternateResponseIndex: e, category: t, choices: n, onDeleteChoice:
 	});
 	return /* @__PURE__ */ W("div", {
 		ref: o,
-		children: /* @__PURE__ */ W(de, {
+		children: /* @__PURE__ */ W(ue, {
 			isOver: s,
 			extraStyles: {
 				width: "100%",
 				minHeight: "100px",
 				height: "auto"
 			},
-			children: (n || []).length === 0 ? /* @__PURE__ */ W(lt, {}) : /* @__PURE__ */ W(ut, {
+			children: (n || []).length === 0 ? /* @__PURE__ */ W(ot, {}) : /* @__PURE__ */ W(st, {
 				alternateResponseIndex: e,
 				category: t,
 				choices: n,
@@ -764,7 +758,7 @@ var dt = ({ alternateResponseIndex: e, category: t, choices: n, onDeleteChoice:
 		})
 	});
 };
-dt.propTypes = {
+ct.propTypes = {
 	alternateResponseIndex: K.default.number,
 	category: K.default.object,
 	choices: K.default.array,
@@ -772,19 +766,19 @@ dt.propTypes = {
 	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 }) => ({
+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" }
-})), mt = F(ke)(({ theme: e }) => ({ padding: `${e.spacing(1)} 0 0` })), ht = F("div")(({ theme: e }) => ({
+})), dt = F(Te)(({ theme: e }) => ({ padding: `${e.spacing(1)} 0 0` })), ft = F("div")(({ theme: e }) => ({
 	padding: e.spacing(2),
 	"& p": { margin: 0 }
-})), gt = F("div")(({ theme: e }) => ({
+})), pt = F("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingBottom: e.spacing(1)
-})), _t = class extends H.Component {
+})), mt = class extends H.Component {
 	static propTypes = {
 		alternateResponseIndex: K.default.number,
 		category: K.default.object.isRequired,
@@ -820,10 +814,10 @@ var ft = N.withUid(dt), pt = F(ve, { shouldForwardProp: (e) => e !== "isDuplicat
 	};
 	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, {
+		return /* @__PURE__ */ G(ut, {
 			isDuplicated: s,
 			children: [
-				/* @__PURE__ */ G("span", { children: [e || e === 0 ? /* @__PURE__ */ W(ht, { dangerouslySetInnerHTML: { __html: t.label } }) : /* @__PURE__ */ W(Ke, {
+				/* @__PURE__ */ G("span", { children: [e || e === 0 ? /* @__PURE__ */ W(ft, { dangerouslySetInnerHTML: { __html: t.label } }) : /* @__PURE__ */ W(Ue, {
 					label: t.label,
 					focusedEl: i,
 					deleteFocusedEl: r,
@@ -840,8 +834,8 @@ var ft = N.withUid(dt), pt = F(ve, { shouldForwardProp: (e) => e !== "isDuplicat
 					uploadSoundSupport: h,
 					mathMlOptions: g,
 					configuration: n
-				}), o && /* @__PURE__ */ W(gt, { children: o })] }),
-				/* @__PURE__ */ W(ft, {
+				}), o && /* @__PURE__ */ W(pt, { children: o })] }),
+				/* @__PURE__ */ W(lt, {
 					alternateResponseIndex: e,
 					category: t,
 					choices: t.choices,
@@ -850,25 +844,25 @@ var ft = N.withUid(dt), pt = F(ve, { shouldForwardProp: (e) => e !== "isDuplicat
 					extraStyles: { minHeight: "100px" },
 					isAlternate: this.props.isAlternate
 				}),
-				c && /* @__PURE__ */ W(mt, { children: /* @__PURE__ */ W(Xe, {
+				c && /* @__PURE__ */ W(dt, { children: /* @__PURE__ */ W(qe, {
 					label: "delete",
 					onClick: c
 				}) })
 			]
 		});
 	}
-}, vt = F("div")(({ theme: e }) => ({
+}, ht = F("div")(({ theme: e }) => ({
 	display: "flex",
 	justifyContent: "space-between",
 	marginBottom: e.spacing(1)
-})), yt = F("div")({
+})), gt = F("div")({
 	display: "flex",
 	alignItems: "center"
-}), bt = F(Be)(({ theme: e }) => ({ "& .MuiTooltip-tooltip": {
+}), _t = F(Ie)(({ theme: e }) => ({ "& .MuiTooltip-tooltip": {
 	fontSize: e.typography.fontSize - 2,
 	whiteSpace: "pre",
 	maxWidth: "500px"
-} })), xt = class extends H.Component {
+} })), vt = class extends H.Component {
 	static propTypes = {
 		buttonLabel: K.default.string,
 		onAdd: K.default.func.isRequired,
@@ -881,54 +875,54 @@ var ft = N.withUid(dt), pt = F(ve, { shouldForwardProp: (e) => e !== "isDuplicat
 	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, {
+		return /* @__PURE__ */ G(ht, { children: [/* @__PURE__ */ G(gt, { children: [/* @__PURE__ */ W(j, {
 			variant: a || "title",
 			children: t
-		}), r] }), /* @__PURE__ */ W(bt, {
+		}), r] }), /* @__PURE__ */ W(_t, {
 			title: o || "",
 			enterTouchDelay: 50,
 			leaveTouchDelay: 3e3,
-			children: /* @__PURE__ */ W("span", { children: /* @__PURE__ */ W(Je, {
+			children: /* @__PURE__ */ W("span", { children: /* @__PURE__ */ W(Ge, {
 				onClick: e,
 				label: n,
 				disabled: i
 			}) })
 		})] });
 	}
-}, St = (e) => {
+}, 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"
-}, Ct = (e) => (e || []).reduce((e, t) => Math.max(e, t.length), 0), wt = (e) => {
+}, 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, Ct(r));
+		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 Tt(e) {
+function St(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;
+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 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 }) => ({
+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)
-})), 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 = {} }) => {
+})), 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(jt, {
+		children: /* @__PURE__ */ W(Ot, {
 			label: "Row Label",
 			children: /* @__PURE__ */ W(R, {
 				disabled: n,
@@ -937,7 +931,7 @@ var Dt = Et(v, "InputContainer") || Et(At.InputContainer, "InputContainer"), Ot
 				imageSupport: i,
 				nonEmpty: !1,
 				toolbarOpts: o,
-				pluginProps: Z(f?.inputConfiguration, p),
+				pluginProps: X(f?.inputConfiguration, p),
 				spellCheck: s,
 				maxImageWidth: c,
 				maxImageHeight: l,
@@ -947,19 +941,19 @@ var Dt = Et(v, "InputContainer") || Et(At.InputContainer, "InputContainer"), Ot
 			})
 		})
 	});
-}, Nt = F("div")(({ theme: e }) => ({ marginBottom: e.spacing(3) })), Pt = F("div")(({ theme: e }) => ({
+}, At = F("div")(({ theme: e }) => ({ marginBottom: e.spacing(3) })), jt = F("div")(({ theme: e }) => ({
 	display: "grid",
 	gridRowGap: e.spacing(1),
 	gridColumnGap: e.spacing(1)
-})), Ft = F(Be)(({ theme: e }) => ({ "& .MuiTooltip-tooltip": {
+})), Mt = F(Ie)(({ theme: e }) => ({ "& .MuiTooltip-tooltip": {
 	fontSize: e.typography.fontSize - 2,
 	whiteSpace: "pre",
 	maxWidth: "500px"
-} })), It = F("div")(({ theme: e }) => ({
+} })), Nt = F("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(.5)
-})), Lt = class extends H.Component {
+})), Pt = class extends H.Component {
 	static propTypes = {
 		defaultImageMaxHeight: K.default.number,
 		defaultImageMaxWidth: K.default.number,
@@ -1016,18 +1010,18 @@ var Dt = Et(v, "InputContainer") || Et(At.InputContainer, "InputContainer"), Ot
 		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, {
+		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(Ft, {
+				info: /* @__PURE__ */ W(Mt, {
 					disableFocusListener: !0,
 					disableTouchListener: !0,
 					placement: "right",
 					title: b,
-					children: /* @__PURE__ */ W(Ue, {
+					children: /* @__PURE__ */ W(Ve, {
 						fontSize: "small",
 						color: "primary",
 						style: { marginLeft: "5px" }
@@ -1035,11 +1029,11 @@ var Dt = Et(v, "InputContainer") || Et(At.InputContainer, "InputContainer"), Ot
 				}),
 				buttonDisabled: g && t && g === t.length
 			}),
-			/* @__PURE__ */ W(Pt, {
+			/* @__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(Mt, {
+					return /* @__PURE__ */ G(H.Fragment, { children: [f && /* @__PURE__ */ W(kt, {
 						categoriesPerRow: u,
 						disabled: !1,
 						rowIndex: p,
@@ -1053,7 +1047,7 @@ var Dt = Et(v, "InputContainer") || Et(At.InputContainer, "InputContainer"), Ot
 						uploadSoundSupport: r,
 						mathMlOptions: l,
 						configuration: o
-					}), /* @__PURE__ */ W(_t, {
+					}), /* @__PURE__ */ W(mt, {
 						imageSupport: n,
 						focusedEl: this.state.focusedEl,
 						deleteFocusedEl: this.deleteFocusedEl,
@@ -1073,15 +1067,15 @@ var Dt = Et(v, "InputContainer") || Et(At.InputContainer, "InputContainer"), Ot
 					})] }, t);
 				})
 			}),
-			p && /* @__PURE__ */ W(It, { children: p }),
-			m && /* @__PURE__ */ W(It, { children: m })
+			p && /* @__PURE__ */ W(Nt, { children: p }),
+			m && /* @__PURE__ */ W(Nt, { children: m })
 		] });
 	}
-}, Rt = F("div")(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), zt = F("div")(({ theme: e }) => ({
+}, 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)
-})), Bt = F("div")({ gridColumn: "1 / 3" }), Vt = class extends H.Component {
+})), Lt = F("div")({ gridColumn: "1 / 3" }), Rt = class extends H.Component {
 	static propTypes = {
 		altIndex: K.default.number.isRequired,
 		configuration: K.default.object,
@@ -1099,22 +1093,22 @@ var Dt = Et(v, "InputContainer") || Et(At.InputContainer, "InputContainer"), Ot
 		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) });
+		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(Rt, { children: /* @__PURE__ */ W(zt, {
+		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(Bt, {
+				return /* @__PURE__ */ G(H.Fragment, { children: [l && /* @__PURE__ */ W(Lt, {
 					style: {
 						gridColumn: `1/${c + 1}`,
 						width: "100%"
 					},
 					dangerouslySetInnerHTML: { __html: u[f] || "" }
-				}), /* @__PURE__ */ W(_t, {
+				}), /* @__PURE__ */ W(mt, {
 					alternateResponseIndex: e,
 					imageSupport: i,
 					isDuplicated: p && d.category === t.id,
@@ -1129,34 +1123,34 @@ var Dt = Et(v, "InputContainer") || Et(At.InputContainer, "InputContainer"), Ot
 			})
 		}) });
 	}
-}, Ht = y(/*#__PURE__*/ W("path", { d: "M20 9H4v2h16zM4 15h16v-2H4z" }), "DragHandle");
+}, zt = 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) => {
+(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;
-}, Wt = F(ve)(({ theme: e }) => ({
+}, Vt = F(ve)(({ theme: e }) => ({
 	minWidth: "196px",
 	padding: e.spacing(1),
 	overflow: "visible"
-})), Gt = F(ke)({
+})), Ht = F(Te)({
 	padding: 0,
 	justifyContent: "space-between"
-}), Kt = F("span", { shouldForwardProp: (e) => e !== "draggable" })(({ draggable: e }) => ({
+}), Ut = F("span", { shouldForwardProp: (e) => e !== "draggable" })(({ draggable: e }) => ({
 	cursor: e ? "move" : "inherit",
 	touchAction: "none"
-})), qt = F("div")(({ theme: e }) => ({
+})), Wt = 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({
+})), 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: ee } = ye({
+	}), { attributes: v, listeners: y, setNodeRef: b, isDragging: x } = ye({
 		id: `choice-${n.id}`,
 		data: {
 			id: n.id,
@@ -1164,37 +1158,37 @@ var Ut = (e) => {
 			type: "choice"
 		},
 		disabled: !_
-	}), { setNodeRef: te } = B({
+	}), { setNodeRef: ee } = B({
 		id: `choice-drop-${n.id}`,
 		data: {
 			id: n.id,
 			index: a,
 			type: "choice"
 		}
-	}), x = (e) => {
+	}), S = (e) => {
 		n.content = e, s(n);
-	}, S = () => {
+	}, C = () => {
 		n.categoryCount === 1 ? n.categoryCount = 0 : n.categoryCount = 1, s(n);
-	}, ne = ((e) => e === Q.perChoice)(e);
-	return /* @__PURE__ */ G(Wt, {
+	}, te = ((e) => e === Q.perChoice)(e);
+	return /* @__PURE__ */ G(Vt, {
 		ref: (e) => {
-			b(e), te(e);
+			b(e), ee(e);
 		},
-		style: { opacity: ee ? .5 : 1 },
+		style: { opacity: x ? .5 : 1 },
 		children: [
-			/* @__PURE__ */ W(Gt, { children: /* @__PURE__ */ W(Kt, {
+			/* @__PURE__ */ W(Ht, { children: /* @__PURE__ */ W(Ut, {
 				draggable: _,
 				...v,
 				...y,
-				children: /* @__PURE__ */ W(Ht, { color: _ ? "primary" : "disabled" })
+				children: /* @__PURE__ */ W(zt, { color: _ ? "primary" : "disabled" })
 			}) }),
-			/* @__PURE__ */ W(Ke, {
+			/* @__PURE__ */ W(Ue, {
 				imageSupport: u,
 				focusedEl: i,
 				deleteFocusedEl: r,
 				index: a,
 				label: n.content,
-				onChange: x,
+				onChange: S,
 				onDelete: o,
 				toolbarOpts: f,
 				spellCheck: d,
@@ -1204,20 +1198,20 @@ var Ut = (e) => {
 				uploadSoundSupport: g,
 				configuration: t
 			}),
-			p && /* @__PURE__ */ W(qt, { children: p }),
-			/* @__PURE__ */ G(Gt, { children: [/* @__PURE__ */ W(Xe, {
+			p && /* @__PURE__ */ W(Wt, { children: p }),
+			/* @__PURE__ */ G(Ht, { children: [/* @__PURE__ */ W(qe, {
 				label: "delete",
 				onClick: o
-			}), ne && /* @__PURE__ */ W(le, {
+			}), te && /* @__PURE__ */ W(ce, {
 				mini: !0,
 				label: "Remove after placing",
 				checked: n.categoryCount === 1,
-				onChange: S
+				onChange: C
 			})] })
 		]
 	});
 };
-Jt.propTypes = {
+Gt.propTypes = {
 	allowMultiplePlacements: K.default.string,
 	configuration: K.default.object.isRequired,
 	choice: K.default.object.isRequired,
@@ -1243,10 +1237,10 @@ Jt.propTypes = {
 	spellCheck: K.default.bool,
 	rearrangeChoices: K.default.func
 };
-var Yt = N.withUid(Jt), Xt = F("div")(({ theme: e }) => ({
+var Kt = N.withUid(Gt), qt = F("div")(({ theme: e }) => ({
 	paddingTop: e.spacing(1),
 	marginBottom: e.spacing(1)
-})), Zt = F(M)({ width: "100%" }), Qt = class extends H.Component {
+})), Jt = F(pe)({ width: "100%" }), Yt = class extends H.Component {
 	static propTypes = {
 		config: K.default.object,
 		onModelChanged: K.default.func,
@@ -1258,7 +1252,7 @@ var Yt = N.withUid(Jt), Xt = F("div")(({ theme: e }) => ({
 	};
 	render() {
 		let { config: e, spellCheck: t } = this.props;
-		return /* @__PURE__ */ W(Xt, { children: /* @__PURE__ */ W(Zt, {
+		return /* @__PURE__ */ W(qt, { children: /* @__PURE__ */ W(Jt, {
 			InputLabelProps: { shrink: !0 },
 			variant: "outlined",
 			label: "Label",
@@ -1267,17 +1261,17 @@ var Yt = N.withUid(Jt), Xt = F("div")(({ theme: e }) => ({
 			spellCheck: t
 		}) });
 	}
-}, $t = F("div")(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), en = F("div")(({ theme: e }) => ({
+}, 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)
-})), tn = F("div")(({ theme: e }) => ({
+})), Qt = F("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(.5)
-})), nn = class extends H.Component {
+})), $t = class extends H.Component {
 	static propTypes = {
 		model: K.default.object.isRequired,
 		configuration: K.default.object.isRequired,
@@ -1321,27 +1315,27 @@ var Yt = N.withUid(Jt), Xt = F("div")(({ theme: e }) => ({
 		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));
+		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($t, { children: [
-			/* @__PURE__ */ W(xt, {
+		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(Qt, {
+			/* @__PURE__ */ W(Yt, {
 				config: n,
 				onModelChanged: a,
 				spellCheck: o
 			}),
-			/* @__PURE__ */ W(en, {
+			/* @__PURE__ */ W(Zt, {
 				style: y,
-				children: t.map((t, n) => /* @__PURE__ */ W(Yt, {
+				children: t.map((t, n) => /* @__PURE__ */ W(Kt, {
 					choice: t,
 					focusedEl: e,
 					deleteFocusedEl: this.deleteFocusedEl,
@@ -1361,10 +1355,10 @@ var Yt = N.withUid(Jt), Xt = F("div")(({ theme: e }) => ({
 					configuration: c
 				}, t.id))
 			}),
-			h && /* @__PURE__ */ W(tn, { children: h })
+			h && /* @__PURE__ */ W(Qt, { children: h })
 		] });
 	}
-}, rn = (e, t, n) => Ce(e).map((e) => {
+}, 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);
@@ -1373,17 +1367,17 @@ var Yt = N.withUid(Jt), Xt = F("div")(({ theme: e }) => ({
 			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) => {
+}), 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: an(n, t, i)
+			choices: tn(n, t, i)
 		};
 	}));
-}, { translator: sn } = e, { dropdown: cn, Panel: ln, toggle: $, radio: un, numberField: dn } = P, { Provider: fn } = N, pn = class extends H.Component {
+}, { 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);
@@ -1394,16 +1388,16 @@ var Yt = N.withUid(Jt), Xt = F("div")(({ theme: e }) => ({
 			children: this.props.children
 		});
 	}
-}, mn = F(xt)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), hn = F(z)(({ theme: e }) => ({
+}, 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)
-})), gn = F("div")(({ theme: e }) => ({
+})), pn = F("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(1)
-})), _n = class extends H.Component {
+})), mn = class extends H.Component {
 	static propTypes = {
 		configuration: K.default.object,
 		className: K.default.string,
@@ -1424,21 +1418,21 @@ var Yt = N.withUid(Jt), Xt = F("div")(({ theme: e }) => ({
 		super(e), this.uid = e.uid || N.generateId(), this.state = { activeDragItem: null };
 	}
 	updateModel = (e) => {
-		let { model: t, onChange: r } = this.props, i = {
+		let { model: t, onChange: n } = this.props, r = {
 			...t,
 			...e
 		};
-		i.choices = i.choices.map((e) => ({
+		r.choices = r.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) => ({
+			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
-		})), i.choices = i.choices.map((e) => ({
+		})), r.choices = r.choices.map((e) => ({
 			id: e.id,
 			content: e.content,
 			categoryCount: e.categoryCount
-		})), i.maxChoicesPerCategory = i.allowMaxChoicesPerCategory ? i.maxChoicesPerCategory : 0, r(i);
+		})), r.maxChoicesPerCategory = r.allowMaxChoicesPerCategory ? r.maxChoicesPerCategory : 0, n(r);
 	};
 	changeRationale = (e) => {
 		let { model: t, onChange: n } = this.props;
@@ -1474,15 +1468,15 @@ var Yt = N.withUid(Jt), Xt = F("div")(({ theme: e }) => ({
 	};
 	countChoiceInCorrectResponse = (e) => {
 		let { model: t } = this.props;
-		return o(e.id, t.correctResponse);
+		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 = wt(e);
+		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 = wt(e);
+		let { model: e } = this.props, t = xt(e);
 		this.updateModel({ maxChoicesPerCategory: t });
 	};
 	onDragStart = (e) => {
@@ -1525,7 +1519,7 @@ var Yt = N.withUid(Jt), Xt = F("div")(({ theme: e }) => ({
 	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);
+		let c = xt(n);
 		this.updateModel({
 			correctResponse: s,
 			maxChoicesPerCategory: a !== 0 && a < c ? a + 1 : a
@@ -1539,7 +1533,7 @@ var Yt = N.withUid(Jt), Xt = F("div")(({ theme: e }) => ({
 		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);
+		let u = xt(i);
 		this.updateModel({
 			correctResponse: o,
 			maxChoicesPerCategory: s !== 0 && s < u ? s + 1 : s
@@ -1548,7 +1542,7 @@ var Yt = N.withUid(Jt), Xt = F("div")(({ theme: e }) => ({
 	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);
+		let c = xt(r);
 		this.updateModel({
 			correctResponse: i,
 			maxChoicesPerCategory: o !== 0 && o < c ? o + 1 : o
@@ -1557,31 +1551,31 @@ var Yt = N.withUid(Jt), Xt = F("div")(({ theme: e }) => ({
 	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);
+		let u = xt(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 });
+	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(Yt, {
+			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(ot, { choice: n }) : null;
+			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(ot, {
+			return n ? /* @__PURE__ */ W(rt, {
 				choice: n,
 				alternateResponseIndex: e.alternateResponseIndex
 			}) : null;
@@ -1589,37 +1583,37 @@ var Yt = N.withUid(Jt), Xt = F("div")(({ theme: e }) => ({
 		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 || {};
+		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 = 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 = {
+		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 && dn(c.label, {
+			categoriesPerRow: c.settings && cn(c.label, {
 				label: c.label,
 				min: g,
 				max: 6
 			}),
-			choicesPosition: l.settings && un(l.label, [
+			choicesPosition: l.settings && sn(l.label, [
 				"below",
 				"above",
 				"left",
 				"right"
 			]),
-			allowMultiplePlacementsEnabled: o.settings && cn(o.label, [
+			allowMultiplePlacementsEnabled: o.settings && an(o.label, [
 				Q.enabled,
 				Q.disabled,
 				Q.perChoice
 			]),
-			maxAnswerChoices: E.settings && dn(E.label, {
+			maxAnswerChoices: D.settings && cn(D.label, {
 				label: "",
 				min: I?.length || 0,
 				max: 30
 			}),
 			allowMaxChoicesPerCategory: h.settings && $(h.label),
-			maxChoicesPerCategory: ie === !0 && dn(h.label, {
+			maxChoicesPerCategory: re === !0 && cn(h.label, {
 				label: "",
 				min: 0,
 				max: 30
@@ -1627,29 +1621,29 @@ var Yt = N.withUid(Jt), Xt = F("div")(({ theme: e }) => ({
 			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)
+			"language.enabled": T.settings && $(T.label, !0),
+			language: T.settings && T.enabled && an(E.label, E.options)
 		}, ve = {
-			teacherInstructionsEnabled: S.settings && $(S.label),
-			studentInstructionsEnabled: x.settings && $(x.label),
+			teacherInstructionsEnabled: C.settings && $(C.label),
+			studentInstructionsEnabled: S.settings && $(S.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", {
+			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: se
+			maxChoicesPerCategory: oe
 		});
-		return /* @__PURE__ */ W(fe, {
+		return /* @__PURE__ */ W(de, {
 			onDragStart: this.onDragStart,
 			onDragEnd: this.onDragEnd,
-			children: /* @__PURE__ */ G(fn, {
+			children: /* @__PURE__ */ G(ln, {
 				value: this.uid,
-				children: [/* @__PURE__ */ G(pe.ConfigLayout, {
-					extraCSSRules: de,
+				children: [/* @__PURE__ */ G(fe.ConfigLayout, {
+					extraCSSRules: ue,
 					dimensions: u,
-					hideSettings: ee,
-					settings: /* @__PURE__ */ W(ln, {
+					hideSettings: x,
+					settings: /* @__PURE__ */ W(on, {
 						model: n,
 						onChangeModel: this.updateModel,
 						configuration: e,
@@ -1658,7 +1652,7 @@ var Yt = N.withUid(Jt), Xt = F("div")(({ theme: e }) => ({
 							Settings: _e,
 							Properties: ve
 						},
-						modal: /* @__PURE__ */ W(O, {
+						modal: /* @__PURE__ */ W(k, {
 							title: "Warning",
 							text: B,
 							open: ye,
@@ -1666,8 +1660,8 @@ var Yt = N.withUid(Jt), Xt = F("div")(({ theme: e }) => ({
 						})
 					}),
 					children: [
-						ue && /* @__PURE__ */ G(hn, {
-							label: S.label,
+						le && /* @__PURE__ */ G(fn, {
+							label: C.label,
 							children: [/* @__PURE__ */ W(R, {
 								markup: n.teacherInstructions || "",
 								onChange: this.changeTeacherInstructions,
@@ -1675,70 +1669,70 @@ var Yt = N.withUid(Jt), Xt = F("div")(({ theme: e }) => ({
 								error: N,
 								nonEmpty: !1,
 								toolbarOpts: P,
-								pluginProps: Z(S?.inputConfiguration, s),
-								spellCheck: k,
+								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: C
-							}), N && /* @__PURE__ */ W(gn, { children: N })]
+								mathMlOptions: w
+							}), N && /* @__PURE__ */ W(pn, { children: N })]
 						}),
-						le && /* @__PURE__ */ G(hn, {
+						ce && /* @__PURE__ */ G(fn, {
 							label: v.label,
 							children: [/* @__PURE__ */ W(R, {
 								markup: n.prompt || "",
 								onChange: this.onPromptChanged,
 								imageSupport: t,
-								error: j,
+								error: M,
 								nonEmpty: !1,
 								disableUnderline: !0,
 								toolbarOpts: P,
-								pluginProps: Z(v?.inputConfiguration, s),
-								spellCheck: k,
+								pluginProps: X(v?.inputConfiguration, s),
+								spellCheck: A,
 								maxImageWidth: m && m.prompt,
 								maxImageHeight: p && p.prompt,
 								uploadSoundSupport: r,
 								languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-								mathMlOptions: C
-							}), j && /* @__PURE__ */ W(gn, { children: j })]
+								mathMlOptions: w
+							}), M && /* @__PURE__ */ W(pn, { children: M })]
 						}),
-						/* @__PURE__ */ W(Lt, {
+						/* @__PURE__ */ W(Pt, {
 							imageSupport: t,
 							uploadSoundSupport: r,
 							model: n,
 							categories: ge || [],
 							onModelChanged: this.updateModel,
 							toolbarOpts: P,
-							spellCheck: k,
+							spellCheck: A,
 							configuration: e,
 							defaultImageMaxWidth: L,
 							defaultImageMaxHeight: z,
-							mathMlOptions: C
+							mathMlOptions: w
 						}),
-						/* @__PURE__ */ W(nn, {
+						/* @__PURE__ */ W($t, {
 							imageSupport: t,
 							uploadSoundSupport: r,
 							choices: I,
 							model: n,
 							onModelChanged: this.updateModel,
 							toolbarOpts: P,
-							spellCheck: k,
+							spellCheck: A,
 							configuration: e,
 							defaultImageMaxWidth: L,
 							defaultImageMaxHeight: z
 						}),
-						re && /* @__PURE__ */ W(mn, {
+						ne && /* @__PURE__ */ W(dn, {
 							label: "Alternate Responses",
 							buttonLabel: "ADD AN ALTERNATE RESPONSE",
 							onAdd: this.onAddAlternateResponse
 						}),
-						re && F.map((i, a) => /* @__PURE__ */ G(H.Fragment, { children: [/* @__PURE__ */ W(mn, {
+						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(Vt, {
+						}), /* @__PURE__ */ W(Rt, {
 							altIndex: a,
 							imageSupport: t,
 							model: n,
@@ -1746,37 +1740,37 @@ var Yt = N.withUid(Jt), Xt = F("div")(({ theme: e }) => ({
 							categories: i,
 							onModelChanged: this.updateModel,
 							uploadSoundSupport: r,
-							mathMlOptions: C
+							mathMlOptions: w
 						})] }, a)),
-						D && /* @__PURE__ */ G(hn, {
+						O && /* @__PURE__ */ G(fn, {
 							label: y.label,
 							children: [/* @__PURE__ */ W(R, {
 								markup: n.rationale || "",
 								onChange: this.changeRationale,
 								imageSupport: t,
-								error: M,
+								error: pe,
 								nonEmpty: !1,
 								toolbarOpts: P,
-								pluginProps: Z(v?.inputConfiguration, s),
-								spellCheck: k,
+								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: C
-							}), M && /* @__PURE__ */ W(gn, { children: M })]
+								mathMlOptions: w
+							}), pe && /* @__PURE__ */ W(pn, { children: pe })]
 						}),
-						oe && /* @__PURE__ */ W(he, {
+						ae && /* @__PURE__ */ W(he, {
 							feedback: n.feedback,
 							onChange: this.changeFeedback,
 							toolbarOpts: P
 						})
 					]
-				}), /* @__PURE__ */ W(ce, { children: /* @__PURE__ */ W(pn, { children: this.renderDragOverlay() }) })]
+				}), /* @__PURE__ */ W(se, { children: /* @__PURE__ */ W(un, { children: this.renderDragOverlay() }) })]
 			})
 		});
 	}
-}, vn = class extends H.Component {
+}, hn = class extends H.Component {
 	static propTypes = {
 		configuration: K.default.object,
 		onConfigurationChanged: K.default.func,
@@ -1788,7 +1782,7 @@ var Yt = N.withUid(Jt), Xt = F("div")(({ theme: e }) => ({
 	static defaultProps = {};
 	render() {
 		let { model: e, onModelChanged: t, configuration: n, onConfigurationChanged: r, imageSupport: i, uploadSoundSupport: a } = this.props;
-		return /* @__PURE__ */ W(_n, {
+		return /* @__PURE__ */ W(mn, {
 			imageSupport: i,
 			uploadSoundSupport: a,
 			title: "Design",
@@ -1798,7 +1792,7 @@ var Yt = N.withUid(Jt), Xt = F("div")(({ theme: e }) => ({
 			onConfigurationChanged: r
 		});
 	}
-}, yn = {
+}, gn = {
 	model: {
 		allowAlternateEnabled: !0,
 		allowMaxChoicesPerCategory: !1,
@@ -1963,9 +1957,9 @@ var Yt = N.withUid(Jt), Xt = F("div")(({ theme: e }) => ({
 			options: []
 		}
 	}
-}, bn = class e extends HTMLElement {
+}, _n = class e extends HTMLElement {
 	static createDefaultModel = (e = {}) => ({
-		...yn.model,
+		...gn.model,
 		...e
 	});
 	static disableAlternateResponses = (e) => {
@@ -1982,14 +1976,14 @@ var Yt = N.withUid(Jt), Xt = F("div")(({ theme: e }) => ({
 		};
 	};
 	constructor() {
-		super(), this._root = null, this._model = e.createDefaultModel(), this._configuration = yn.configuration;
+		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 = {
-			...yn.configuration,
+			...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({
@@ -1998,7 +1992,7 @@ var Yt = N.withUid(Jt), Xt = F("div")(({ theme: e }) => ({
 		})) : delete this._model.language, this.render();
 	}
 	onModelChanged(e) {
-		this._model = e, this.render(), this.dispatchEvent(new J(this._model, !1));
+		this._model = e, this.render(), this.dispatchEvent(new Le(this._model, !1));
 	}
 	onConfigurationChanged(e) {
 		this._configuration = e, this.render();
@@ -2007,19 +2001,19 @@ var Yt = N.withUid(Jt), Xt = F("div")(({ theme: e }) => ({
 		this.render();
 	}
 	insertImage(e) {
-		this.dispatchEvent(new Y(e));
+		this.dispatchEvent(new ze(e));
 	}
 	onDeleteImage(e, t) {
-		this.dispatchEvent(new Ve(e, t));
+		this.dispatchEvent(new Re(e, t));
 	}
 	insertSound(e) {
-		this.dispatchEvent(new X(e));
+		this.dispatchEvent(new Be(e));
 	}
 	onDeleteSound(e, t) {
-		this.dispatchEvent(new He(e, t));
+		this.dispatchEvent(new Y(e, t));
 	}
 	render() {
-		let e = H.createElement(vn, {
+		let e = H.createElement(hn, {
 			model: this._model,
 			configuration: this._configuration,
 			onModelChanged: this.onModelChanged.bind(this),
@@ -2042,6 +2036,6 @@ var Yt = N.withUid(Jt), Xt = F("div")(({ theme: e }) => ({
 	}
 };
 //#endregion
-export { bn as default };
+export { _n as default };
 
 //# sourceMappingURL=index.js.map