@pie-element/placement-ordering 14.1.2-next.12 → 14.1.2-next.14

package/dist/browser/delivery/index.js

@@ -1,6 +1,6 @@
 import { C as e, _ as t, b as n, g as r, k as i, l as a, r as o, t as s, u as c, v as l } from "../browser-Bd36Xf5z.js";
 import { Lt as u, Rt as d, T as f, at as p, c as m, ct as h, dt as g, ft as _, l as v, lt as y, mt as b, n as x, ot as S, s as C, st as w, t as ee, u as T, ut as E, v as D } from "../drag-provider-CfLLSbf2.js";
-import { t as O } from "../dist-DiGNNRzu.js";
+import { t as O } from "../dist-B8H45cIG.js";
 import k, { createElement as A, useRef as j } from "react";
 import { createRoot as M } from "react-dom/client";
 import N from "react-dom";
@@ -204,29 +204,29 @@ function V(e) {
 function ce(e, t) {
 	return !e || V(e) ? e : V(e.default) ? e.default : t && V(e[t]) ? e[t] : t && V(e[t]?.default) ? e[t].default : e;
 }
-var le = ce(v, "Readable") || ce(de.Readable, "Readable"), ue = x, H = ue.default, de = H && typeof H == "object" ? H : ue, { translator: U } = O, fe = {
+var le = ce(v, "Readable") || ce(ue.Readable, "Readable"), H = x, U = H.default, ue = U && typeof U == "object" ? U : H, { translator: W } = O, de = {
 	WebkitTouchCallout: "none",
 	WebkitUserSelect: "none",
 	KhtmlUserSelect: "none",
 	MozUserSelect: "none",
 	msUserSelect: "none",
 	userSelect: "none"
-}, pe = b("div")(() => ({
+}, fe = b("div")(() => ({
 	width: "100%",
 	cursor: "pointer"
-})), me = b("div")(() => ({
+})), pe = b("div")(() => ({
 	margin: "0 auto",
 	textAlign: "center",
 	display: "flex"
-})), he = b("div")(() => ({
+})), me = b("div")(() => ({
 	width: "fit-content",
 	minWidth: "140px",
 	alignSelf: "center",
 	verticalAlign: "middle",
 	color: `var(--correct-answer-toggle-label-color, ${w.text()})`,
 	fontWeight: "normal",
-	...fe
-})), W = b("div")(() => ({
+	...de
+})), G = b("div")(() => ({
 	position: "absolute",
 	width: "25px",
 	"&.enter": { opacity: "0" },
@@ -239,12 +239,12 @@ var le = ce(v, "Readable") || ce(de.Readable, "Readable"), ue = x, H = ue.defaul
 		opacity: "0",
 		transition: "opacity 0.3s ease-in"
 	}
-})), ge = b("div")(() => ({
+})), he = b("div")(() => ({
 	width: "25px",
 	marginRight: "5px",
 	display: "flex",
 	alignItems: "center"
-})), _e = class e extends k.Component {
+})), ge = class e extends k.Component {
 	static propTypes = {
 		onToggle: L.default.func,
 		toggled: L.default.bool,
@@ -263,8 +263,8 @@ var le = ce(v, "Readable") || ce(de.Readable, "Readable"), ue = x, H = ue.defaul
 	constructor(t) {
 		super(t), this.state = { show: t.show }, this.openIconRef = k.createRef(), this.closedIconRef = k.createRef(), e.defaultProps = {
 			...e.defaultProps,
-			showMessage: U.t("common:showCorrectAnswer", { lng: t.language }),
-			hideMessage: U.t("common:hideCorrectAnswer", { lng: t.language })
+			showMessage: W.t("common:showCorrectAnswer", { lng: t.language }),
+			hideMessage: W.t("common:hideCorrectAnswer", { lng: t.language })
 		};
 	}
 	onClick() {
@@ -276,20 +276,20 @@ var le = ce(v, "Readable") || ce(de.Readable, "Readable"), ue = x, H = ue.defaul
 	UNSAFE_componentWillReceiveProps(t) {
 		this.setState({ show: t.show }), t.language !== this.props?.language && (e.defaultProps = {
 			...e.defaultProps,
-			showMessage: U.t("common:showCorrectAnswer", { lng: t.language }),
-			hideMessage: U.t("common:hideCorrectAnswer", { lng: t.language })
+			showMessage: W.t("common:showCorrectAnswer", { lng: t.language }),
+			hideMessage: W.t("common:hideCorrectAnswer", { lng: t.language })
 		});
 	}
 	render() {
 		let { className: e, toggled: t, hideMessage: n, showMessage: r } = this.props;
-		return /* @__PURE__ */ P(pe, {
+		return /* @__PURE__ */ P(fe, {
 			className: e,
 			children: /* @__PURE__ */ P(se, {
 				show: this.state.show,
-				children: /* @__PURE__ */ F(me, {
+				children: /* @__PURE__ */ F(pe, {
 					onClick: this.onClick.bind(this),
 					onTouchEnd: this.onTouch.bind(this),
-					children: [/* @__PURE__ */ F(ge, { children: [/* @__PURE__ */ P(S, {
+					children: [/* @__PURE__ */ F(he, { children: [/* @__PURE__ */ P(S, {
 						nodeRef: this.openIconRef,
 						timeout: 400,
 						in: t,
@@ -300,7 +300,7 @@ var le = ce(v, "Readable") || ce(de.Readable, "Readable"), ue = x, H = ue.defaul
 							exit: "exit",
 							exitActive: "exit-active"
 						},
-						children: /* @__PURE__ */ P(W, {
+						children: /* @__PURE__ */ P(G, {
 							ref: this.openIconRef,
 							children: /* @__PURE__ */ P(B, { open: t }, "correct-open")
 						})
@@ -315,13 +315,13 @@ var le = ce(v, "Readable") || ce(de.Readable, "Readable"), ue = x, H = ue.defaul
 							exit: "exit",
 							exitActive: "exit-active"
 						},
-						children: /* @__PURE__ */ P(W, {
+						children: /* @__PURE__ */ P(G, {
 							ref: this.closedIconRef,
 							children: /* @__PURE__ */ P(B, { open: t }, "correct-closed")
 						})
 					})] }), /* @__PURE__ */ P(le, {
 						false: !0,
-						children: /* @__PURE__ */ P(he, {
+						children: /* @__PURE__ */ P(me, {
 							"aria-hidden": !this.state.show,
 							children: t ? n : r
 						})
@@ -333,22 +333,22 @@ var le = ce(v, "Readable") || ce(de.Readable, "Readable"), ue = x, H = ue.defaul
 };
 //#endregion
 //#region ../../lib-react/drag/dist/node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js
-function ve(e) {
+function _e(e) {
 	var t, n, r = "";
 	if (typeof e == "string" || typeof e == "number") r += e;
 	else if (typeof e == "object") if (Array.isArray(e)) {
 		var i = e.length;
-		for (t = 0; t < i; t++) e[t] && (n = ve(e[t])) && (r && (r += " "), r += n);
+		for (t = 0; t < i; t++) e[t] && (n = _e(e[t])) && (r && (r += " "), r += n);
 	} else for (n in e) e[n] && (r && (r += " "), r += n);
 	return r;
 }
-function ye() {
-	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = ve(e)) && (r && (r += " "), r += t);
+function ve() {
+	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = _e(e)) && (r && (r += " "), r += t);
 	return r;
 }
 //#endregion
 //#region ../../lib-react/drag/dist/placeholder.js
-var be = b("div")(({ theme: e }) => ({
+var ye = b("div")(({ theme: e }) => ({
 	"&.placeholder": {
 		WebkitTouchCallout: "none",
 		WebkitUserSelect: "none",
@@ -401,25 +401,25 @@ var be = b("div")(({ theme: e }) => ({
 		display: "flex",
 		flexFlow: "column wrap"
 	}
-})), xe = (e) => {
-	let { children: t, className: n, isOver: r, type: i, grid: a, disabled: o, choiceBoard: s, isCategorize: c, isVerticalPool: l, minHeight: u, extraStyles: d } = e, f = ye("placeholder", o && "placeholderDisabled", r && "over", i, n), p = {};
+})), be = (e) => {
+	let { children: t, className: n, isOver: r, type: i, grid: a, disabled: o, choiceBoard: s, isCategorize: c, isVerticalPool: l, minHeight: u, extraStyles: d } = e, f = ve("placeholder", o && "placeholderDisabled", r && "over", i, n), p = {};
 	if (a && a.columns && (p.gridTemplateColumns = `repeat(${a.columns}, 1fr)`), a && a.rows) {
 		let e = a.rowsRepeatValue || "1fr";
 		p.gridTemplateRows = `repeat(${a.rows}, ${e})`;
 	}
 	i === "choice" && (p.border = `1px solid ${w.borderLight()}`, p.background = w.surface());
 	let m = c ? "categorizeBoard" : "board";
-	return /* @__PURE__ */ P(be, {
+	return /* @__PURE__ */ P(ye, {
 		style: {
 			...p,
 			minHeight: u,
 			...d
 		},
-		className: ye(s ? m : f, l && "verticalPool"),
+		className: ve(s ? m : f, l && "verticalPool"),
 		children: t
 	});
 };
-xe.propTypes = {
+be.propTypes = {
 	choiceBoard: L.default.bool,
 	grid: L.default.shape({
 		columns: L.default.number,
@@ -438,24 +438,24 @@ xe.propTypes = {
 };
 //#endregion
 //#region src/delivery/tile.tsx
-var Se = (0, I.default)("pie-elements:placement-ordering:tile"), Ce = b("div")(({ theme: e }) => ({
+var xe = (0, I.default)("pie-elements:placement-ordering:tile"), Se = b("div")(({ theme: e }) => ({
 	width: "100%",
 	fontSize: e.typography.fontSize + 4,
 	textAlign: "center",
 	color: `rgba(${e.palette.common.black}, 0.6)`
-})), we = ({ type: e, index: t, isOver: n, disabled: r }) => /* @__PURE__ */ P(xe, {
+})), Ce = ({ type: e, index: t, isOver: n, disabled: r }) => /* @__PURE__ */ P(be, {
 	type: e,
 	isOver: n,
 	disabled: r,
-	children: e === "target" && t !== void 0 && /* @__PURE__ */ P(Ce, { children: t })
+	children: e === "target" && t !== void 0 && /* @__PURE__ */ P(Se, { children: t })
 });
-we.propTypes = {
+Ce.propTypes = {
 	type: L.default.string,
 	index: L.default.number,
 	isOver: L.default.bool,
 	disabled: L.default.bool
 };
-var Te = b("div")(({ theme: e, isDragging: t, isSelected: n, isOver: r, disabled: i, outcome: a, label: o, type: s }) => ({
+var we = b("div")(({ theme: e, isDragging: t, isSelected: n, isOver: r, disabled: i, outcome: a, label: o, type: s }) => ({
 	cursor: i ? "not-allowed" : "grab",
 	width: "100%",
 	height: "100%",
@@ -499,14 +499,14 @@ var Te = b("div")(({ theme: e, isDragging: t, isSelected: n, isOver: r, disabled
 		border: "none",
 		"&:hover": { backgroundColor: "unset" }
 	}
-})), Ee = (e) => {
+})), Te = (e) => {
 	let { type: t, isDragging: n, isSelected: r, empty: i, isOver: a, label: o, disabled: s, outcome: c, guideIndex: l } = e;
-	return i ? /* @__PURE__ */ P(we, {
+	return i ? /* @__PURE__ */ P(Ce, {
 		type: t,
 		index: l,
 		isOver: a,
 		disabled: s
-	}) : /* @__PURE__ */ P(Te, {
+	}) : /* @__PURE__ */ P(we, {
 		type: t,
 		isDragging: n,
 		isSelected: r,
@@ -516,7 +516,7 @@ var Te = b("div")(({ theme: e, isDragging: t, isSelected: n, isOver: r, disabled
 		label: o,
 		dangerouslySetInnerHTML: { __html: o }
 	});
-}, G = (e) => {
+}, K = (e) => {
 	let { label: t, type: n, id: r, empty: i, disabled: a, outcome: o, index: s, guideIndex: c, instanceId: l, draggable: u, tileIndex: d, selectedChoice: f, onChoiceClick: p, onPlacementClick: m } = e, h = `tile-${n}-${r ?? "empty"}-${d}-${l}`, v = `drop-${n}-${r ?? "empty"}-${d}-${l}`, y = {
 		id: r,
 		type: n,
@@ -547,7 +547,7 @@ var Te = b("div")(({ theme: e, isDragging: t, isSelected: n, isOver: r, disabled
 	let te = (e) => {
 		I.current = e, S(e), ee(e);
 	};
-	Se("[render], props: ", e);
+	xe("[render], props: ", e);
 	let L = n === "target" ? `target-${s}` : n === "choice" ? `choice-${r}` : null, R = L ? `${l}:${L}` : void 0;
 	return /* @__PURE__ */ P("div", {
 		ref: te,
@@ -574,7 +574,7 @@ var Te = b("div")(({ theme: e, isDragging: t, isSelected: n, isOver: r, disabled
 			...x,
 			...b
 		} : {},
-		children: /* @__PURE__ */ P(Ee, {
+		children: /* @__PURE__ */ P(Te, {
 			label: t,
 			id: r,
 			empty: i,
@@ -589,7 +589,7 @@ var Te = b("div")(({ theme: e, isDragging: t, isSelected: n, isOver: r, disabled
 		})
 	});
 };
-G.propTypes = {
+K.propTypes = {
 	id: L.default.any,
 	label: L.default.string,
 	isOver: L.default.bool,
@@ -608,7 +608,7 @@ G.propTypes = {
 };
 //#endregion
 //#region src/delivery/tiler.tsx
-var K = {
+var q = {
 	choiceLabel: L.default.string,
 	targetLabel: L.default.string,
 	disabled: L.default.bool,
@@ -618,104 +618,98 @@ var K = {
 	selectedChoice: L.default.object,
 	onChoiceClick: L.default.func,
 	onPlacementClick: L.default.func
-}, De = {
+}, Ee = {
 	tileSize: "1fr",
 	disabled: !1,
 	addGuide: !1
-}, Oe = (e) => {
-	let t = (t, n) => (t.instanceId = e.instanceId, t.disabled = e.disabled, t.guideIndex = e.addGuide ? t.index + 1 : void 0, t.tileIndex = n, t.selectedChoice = e.selectedChoice, t.onChoiceClick = e.onChoiceClick, t.onPlacementClick = e.onPlacementClick, e.includeTargets || t.type === "choice" ? /* @__PURE__ */ A(G, {
+}, De = (e) => {
+	let t = (t, n) => (t.instanceId = e.instanceId, t.disabled = e.disabled, t.guideIndex = e.addGuide ? t.index + 1 : void 0, t.tileIndex = n, t.selectedChoice = e.selectedChoice, t.onChoiceClick = e.onChoiceClick, t.onPlacementClick = e.onPlacementClick, e.includeTargets || t.type === "choice" ? /* @__PURE__ */ A(K, {
 		...t,
 		key: n
-	}) : /* @__PURE__ */ A(G, {
+	}) : /* @__PURE__ */ A(K, {
 		...t,
 		label: "",
 		key: n
 	}));
-	return t.propTypes = { ...K }, t;
-}, ke = b("div")(({ theme: e, includeTargets: t }) => ({
+	return t.propTypes = { ...q }, t;
+}, Oe = b("div")(({ theme: e, includeTargets: t }) => ({
 	display: "grid",
 	paddingBottom: e.spacing(2),
 	...t && { gridGap: "10px" }
-})), Ae = b("div")({ textAlign: "center" }), je = b("div")({
+})), ke = b("div")({ textAlign: "center" }), Ae = b("div")({
 	textAlign: "center",
 	gridRow: "3/4"
-}), Me = b("div")(({ includeTargets: e }) => ({
+}), je = b("div")(({ includeTargets: e }) => ({
 	gridAutoFlow: "column",
 	display: "grid",
 	...e && { gridGap: "10px" }
-})), Ne = b("div")({
+})), Me = b("div")({
 	gridColumn: "1/2",
 	textAlign: "center"
-}), Pe = b("div")({
+}), Ne = b("div")({
 	gridColumn: "2/3",
 	textAlign: "center"
-}), Fe = class extends k.Component {
-	static propTypes = { ...K };
-	static defaultProps = { ...De };
+}), Pe = class extends k.Component {
+	static propTypes = { ...q };
+	static defaultProps = { ...Ee };
 	render() {
 		let { includeTargets: e, choiceLabelEnabled: t, choiceLabel: n, targetLabel: r, tiles: i, tileSize: a } = this.props, o = e ? `auto ${a} auto ${a}` : `auto ${a} auto`, s = e ? i.length / 2 : i.length, c = {
 			gridTemplateColumns: e ? `repeat(${s}, ${a})` : `auto repeat(${Math.floor(s / 2) - 1}, ${a} 10px) ${a} auto`,
 			gridTemplateRows: o
 		}, l = { gridColumn: `1/${s + 1}` };
-		return /* @__PURE__ */ F(ke, {
+		return /* @__PURE__ */ F(Oe, {
 			includeTargets: e,
 			style: c,
 			children: [
-				/* @__PURE__ */ P(Ae, {
+				/* @__PURE__ */ P(ke, {
 					style: l,
 					dangerouslySetInnerHTML: { __html: t ? n : "" }
 				}),
-				e && /* @__PURE__ */ P(je, {
+				e && /* @__PURE__ */ P(Ae, {
 					style: l,
 					dangerouslySetInnerHTML: { __html: r }
 				}),
-				i.map(Oe(this.props))
+				i.map(De(this.props))
 			]
 		});
 	}
-}, Ie = class extends k.Component {
-	static propTypes = { ...K };
-	static defaultProps = { ...De };
+}, Fe = class extends k.Component {
+	static propTypes = { ...q };
+	static defaultProps = { ...Ee };
 	render() {
 		let { includeTargets: e, choiceLabelEnabled: t, choiceLabel: n, targetLabel: r, tiles: i, tileSize: a } = this.props, o = e ? 2 : 1, s = e ? i.length / 2 : i.length;
-		return /* @__PURE__ */ F(Me, {
+		return /* @__PURE__ */ F(je, {
 			includeTargets: e,
 			style: {
 				gridTemplateColumns: `repeat(${o}, ${a})`,
 				gridTemplateRows: e ? `auto repeat(${s}, ${a})` : `auto auto repeat(${Math.floor(s / 2) - 1}, ${a} 10px) ${a} auto`
 			},
 			children: [
-				/* @__PURE__ */ P(Ne, { dangerouslySetInnerHTML: { __html: t ? n : "" } }),
-				e && /* @__PURE__ */ P(Pe, { dangerouslySetInnerHTML: { __html: r } }),
-				i.map(Oe(this.props))
+				/* @__PURE__ */ P(Me, { dangerouslySetInnerHTML: { __html: t ? n : "" } }),
+				e && /* @__PURE__ */ P(Ne, { dangerouslySetInnerHTML: { __html: r } }),
+				i.map(De(this.props))
 			]
 		});
 	}
-}, q = (0, I.default)("pie-elements:placement-ordering:ordering"), Le = (e, t, n) => {
+}, Ie = (0, I.default)("pie-elements:placement-ordering:ordering"), Le = (e, t, n) => {
 	let r = e.find((e, n) => n === t), i = e.filter((e, n) => n !== t);
 	return [
 		...i.slice(0, n),
 		r,
 		...i.slice(n)
 	];
-}, Re = (e, n, r) => {
-	if (q("[swap]", e, n, r), !e || e.length <= 1 || n === void 0 || r === void 0) throw Error(`swap requires a non-empty array, fromIndex, toIndex: ${e}, ${n} ${r}`);
-	let i = t(e), a = e[r];
-	return i[r] = i[n], i[n] = a, i;
 };
-function ze(e, n) {
+function Re(e, n) {
 	let r = t(e.response);
 	if (r[n.index] === n.id) r[n.index] = void 0;
 	else throw Error(`Tried to remove from index: ${n.index}, but the id doesn't match: array: ${r}, target: ${n.id}`);
 	return r;
 }
-function Be(e, n, r) {
+function ze(e, n, r) {
 	let { response: i, opts: a } = e, o = t(i);
-	if (a.includeTargets) return n.type === "choice" && r.type === "target" ? (o[r.index] = n.id, o) : n.type === "target" && r.type === "choice" ? (o[n.index] = void 0, o) : n.type === "target" && r.type === "target" ? Re(i, n.index, r.index) : (q("do nothing to the response"), i);
-	{
-		let t = e.response.findIndex((e) => e !== void 0 && e === n.id), i = e.response.findIndex((e) => e !== void 0 && e === r.id);
-		return q("fromIndex: ", t, "toIndex:", i), Le(e.response, t, i);
-	}
+	if (a.includeTargets) return n.type === "choice" && r.type === "target" ? (o[r.index] = n.id, o) : n.type === "target" && r.type === "choice" ? (o[n.index] = void 0, o) : n.type === "target" && r.type === "target" ? (o[r.index] = n.id, o[n.index] = void 0, o) : (Ie("do nothing to the response"), i);
+	let s = e.response.findIndex((e) => e !== void 0 && e === n.id), c = e.response.findIndex((e) => e !== void 0 && e === r.id);
+	return Ie("fromIndex: ", s, "toIndex:", c), Le(e.response, s, c);
 }
 function J(e, t, n, r) {
 	if (r.includeTargets) {
@@ -752,7 +746,7 @@ function J(e, t, n, r) {
 		return i === 0 && t.push(a), t.push(o, a), t;
 	}, []);
 }
-function Ve(e, t, r, i) {
+function Be(e, t, r, i) {
 	return i = n({ includeTargets: !0 }, i), r ||= [], t = !t || a(t) ? i.includeTargets ? Array(e.length) : c(e, (e) => e.id) : t, {
 		choices: e,
 		response: t,
@@ -761,17 +755,17 @@ function Ve(e, t, r, i) {
 		tiles: J(e, t, r, i)
 	};
 }
-function He(e, t) {
+function Ve(e, t) {
 	switch (e.type) {
 		case "move": {
-			let { from: n, to: r } = e, i = Be(t, n, r), a = J(t.choices, i, t.outcomes, t.opts);
+			let { from: n, to: r } = e, i = ze(t, n, r), a = J(t.choices, i, t.outcomes, t.opts);
 			return Object.assign({}, t, {
 				response: i,
 				tiles: a
 			});
 		}
 		case "remove": {
-			let { target: n } = e, r = ze(t, n), i = J(t.choices, r, t.outcomes, t.opts);
+			let { target: n } = e, r = Re(t, n), i = J(t.choices, r, t.outcomes, t.opts);
 			return Object.assign({}, t, {
 				response: r,
 				tiles: i
@@ -782,11 +776,11 @@ function He(e, t) {
 }
 //#endregion
 //#region src/delivery/utils.ts
-var Ue = (e, t) => {
+var He = (e, t) => {
 	if (!Array.isArray(e) || !Array.isArray(t) || e.length !== t.length) return !1;
 	let n = (e) => e.map((e) => JSON.stringify(e)).sort(), r = n(e), i = n(t), a = r.every((e, t) => e === i[t]), o = e.every((e, n) => JSON.stringify(e) === JSON.stringify(t[n]));
 	return a && !o;
-}, We = (e, { active: t, context: n, currentCoordinates: r }) => {
+}, Ue = (e, { active: t, context: n, currentCoordinates: r }) => {
 	let { code: i } = e, a = i === "Tab", o = i === h.Down || i === h.Up || i === h.Left || i === h.Right;
 	if (!a && !o) return;
 	if (o) return y(e, {
@@ -828,11 +822,11 @@ var Ue = (e, t) => {
 	v.sort((e, t) => Math.abs(e.center.y - t.center.y) > 10 ? e.center.y - t.center.y : e.center.x - t.center.x), b && v.push(b);
 	let S = 0, C = Infinity;
 	for (let e = 0; e < v.length; e++) {
-		let t = Ge(p, v[e].center);
+		let t = We(p, v[e].center);
 		t < C && (C = t, S = e);
 	}
 	return v[x ? (S - 1 + v.length) % v.length : (S + 1) % v.length].dropPosition;
-}, Ge = (e, t) => Math.sqrt((e.x - t.x) ** 2 + (e.y - t.y) ** 2);
+}, We = (e, t) => Math.sqrt((e.x - t.x) ** 2 + (e.y - t.y) ** 2);
 //#endregion
 //#region src/delivery/placement-ordering.tsx
 function Y(e) {
@@ -841,38 +835,38 @@ function Y(e) {
 function X(e, t) {
 	return !e || Y(e) ? e : Y(e.default) ? e.default : t && Y(e[t]) ? e[t] : t && Y(e[t]?.default) ? e[t].default : e;
 }
-var Ke = X(D, "UiLayout") || X($.UiLayout, "UiLayout"), Z = X(T, "PreviewPrompt") || X($.PreviewPrompt, "PreviewPrompt"), qe = X(p, "Feedback") || X($.Feedback, "Feedback"), Je = X(f, "Collapsible") || X($.Collapsible, "Collapsible"), Ye = x, Q = Ye.default, $ = Q && typeof Q == "object" ? Q : Ye, Xe = 250, Ze = (e, t) => {
+var Ge = X(D, "UiLayout") || X($.UiLayout, "UiLayout"), Z = X(T, "PreviewPrompt") || X($.PreviewPrompt, "PreviewPrompt"), Ke = X(p, "Feedback") || X($.Feedback, "Feedback"), qe = X(f, "Collapsible") || X($.Collapsible, "Collapsible"), Je = x, Q = Je.default, $ = Q && typeof Q == "object" ? Q : Je, Ye = 250, Xe = (e, t) => {
 	if (!e || !t) return !1;
 	let n = t.left + t.width / 2, r = t.top + t.height / 2;
 	return n >= e.left && n <= e.right && r >= e.top && r <= e.bottom;
-}, Qe = (e) => e ? {
-	keyboardCoordinateGetter: We,
+}, Ze = (e) => e ? {
+	keyboardCoordinateGetter: Ue,
 	keyboardCodes: {
 		start: ["Space", "Enter"],
 		cancel: ["Escape"],
 		end: ["Space", "Enter"]
 	},
 	accessibility: { screenReaderInstructions: { draggable: "Press Space or Enter to pick up this answer choice. Once picked up, use Tab or Shift+Tab to cycle through response areas, or use arrow keys to move it freely. Press Space or Enter to drop, or Escape to cancel." } }
-} : {}, { translator: $e } = O, et = (0, I.default)("pie-elements:placement-ordering"), tt = b("div")({
+} : {}, { translator: Qe } = O, $e = (0, I.default)("pie-elements:placement-ordering"), et = b("div")({
 	color: w.text(),
 	backgroundColor: w.background(),
 	display: "flex",
 	flexDirection: "column",
 	alignItems: "center",
 	boxSizing: "border-box"
-}), nt = b("div")({
+}), tt = b("div")({
 	alignSelf: "stretch",
 	maxWidth: "100%",
 	overflowX: "auto",
 	overflowY: "hidden"
-}), rt = b("div")({
+}), nt = b("div")({
 	display: "flex",
 	justifyContent: "center",
 	minWidth: "min-content"
-}), it = b("div")(({ theme: e }) => ({ paddingBottom: e.spacing(1) })), at = b("div")(({ theme: e }) => ({ paddingBottom: e.spacing(2) })), ot = b(_e)(({ theme: e }) => ({ paddingBottom: e.spacing(1) })), st = b(Je)(({ theme: e }) => ({
+}), rt = b("div")(({ theme: e }) => ({ paddingBottom: e.spacing(1) })), it = b("div")(({ theme: e }) => ({ paddingBottom: e.spacing(2) })), at = b(ge)(({ theme: e }) => ({ paddingBottom: e.spacing(1) })), ot = b(qe)(({ theme: e }) => ({
 	marginBottom: e.spacing(2),
 	alignSelf: "flex-start"
-})), ct = (e) => {
+})), st = (e) => {
 	let { tiler: t, ordering: n, onDropChoice: r, onRemoveChoice: i, ...a } = e;
 	return /* @__PURE__ */ P(t, {
 		...a,
@@ -881,13 +875,13 @@ var Ke = X(D, "UiLayout") || X($.UiLayout, "UiLayout"), Z = X(T, "PreviewPrompt"
 		onRemoveChoice: (e) => i(e, n)
 	});
 };
-ct.propTypes = {
+st.propTypes = {
 	tiler: L.default.func,
 	ordering: L.default.any,
 	onDropChoice: L.default.func,
 	onRemoveChoice: L.default.func
 };
-var lt = class extends k.Component {
+var ct = class extends k.Component {
 	static propTypes = {
 		onSessionChange: L.default.func.isRequired,
 		model: L.default.object.isRequired,
@@ -927,9 +921,9 @@ var lt = class extends k.Component {
 		};
 	};
 	UNSAFE_componentWillReceiveProps(e) {
-		let { model: t = {} } = e || {}, { model: n = {} } = this.props || {}, { correctResponse: r, config: i, choices: a = [], env: o } = t, { includeTargets: s } = i || {}, c = {}, l = n.language && n.language !== t.language, u = n.note && n.note === $e.t("common:commonCorrectAnswerWithAlternates", { lng: n.language });
-		l && u && (n.note = $e.t("common:commonCorrectAnswerWithAlternates", { lng: t.language })), r || (c.showingCorrect = !1);
-		let d = Ue(a, n.choices), { value: f, needsReset: p } = this.validateSession(e, d), m = {
+		let { model: t = {} } = e || {}, { model: n = {} } = this.props || {}, { correctResponse: r, config: i, choices: a = [], env: o } = t, { includeTargets: s } = i || {}, c = {}, l = n.language && n.language !== t.language, u = n.note && n.note === Qe.t("common:commonCorrectAnswerWithAlternates", { lng: n.language });
+		l && u && (n.note = Qe.t("common:commonCorrectAnswerWithAlternates", { lng: t.language })), r || (c.showingCorrect = !1);
+		let d = He(a, n.choices), { value: f, needsReset: p } = this.validateSession(e, d), m = {
 			...e.session,
 			value: f
 		}, h = n.config?.includeTargets !== s;
@@ -940,8 +934,8 @@ var lt = class extends k.Component {
 	}
 	onDropChoice = (e, t, n) => {
 		let { onSessionChange: r, session: i } = this.props, a = n.tiles.find((e) => e.id === t.id && e.type === t.type && e.index === t.index), o = e;
-		et("[onDropChoice] ", a, o);
-		let s = He({
+		$e("[onDropChoice] ", a, o);
+		let s = Ve({
 			type: "move",
 			from: a,
 			to: o
@@ -950,8 +944,8 @@ var lt = class extends k.Component {
 	};
 	onRemoveChoice = (e, t) => {
 		let { onSessionChange: n, session: r } = this.props;
-		et("[onRemoveChoice]", e);
-		let i = He({
+		$e("[onRemoveChoice]", e);
+		let i = Ve({
 			type: "remove",
 			target: e
 		}, t);
@@ -962,13 +956,13 @@ var lt = class extends k.Component {
 			orientation: "vertical",
 			includeTargets: !0
 		};
-		return n ? Ve(e.choices, e.correctResponse, e.correctResponse.map((e) => ({
+		return n ? Be(e.choices, e.correctResponse, e.correctResponse.map((e) => ({
 			id: e,
 			outcome: "correct"
 		})), {
 			includeTargets: r,
 			allowSameChoiceInTargets: e.config.allowSameChoiceInTargets
-		}) : Ve(e.choices, t.value, e.outcomes, {
+		}) : Be(e.choices, t.value, e.outcomes, {
 			includeTargets: r,
 			allowSameChoiceInTargets: e.config.allowSameChoiceInTargets
 		});
@@ -983,7 +977,7 @@ var lt = class extends k.Component {
 			}
 			e && i && (this.onDropChoice(i, e, r), this.focusTile(this.getDestinationSlotId(i)));
 		} else if (!t && n) {
-			let e = n.data.current, t = Ze(n.rect?.current?.initial, n.rect?.current?.translated);
+			let e = n.data.current, t = Xe(n.rect?.current?.initial, n.rect?.current?.translated);
 			e && e.type === "target" && !t && (this.onRemoveChoice(e, r), this.focusTile(this.getDestinationSlotId({
 				type: "choice",
 				id: e.id
@@ -1030,7 +1024,7 @@ var lt = class extends k.Component {
 			});
 		});
 	};
-	isClickSoonAfterDragEnd = () => Date.now() - this.lastDragEndAt < Xe;
+	isClickSoonAfterDragEnd = () => Date.now() - this.lastDragEndAt < Ye;
 	onChoiceClick = (e) => {
 		this.isClickSoonAfterDragEnd() || this.toggleChoiceSelection(e);
 	};
@@ -1041,7 +1035,7 @@ var lt = class extends k.Component {
 		let { model: e } = this.props, { correctResponse: t, correctness: n, extraCSSRules: r, prompt: i, rationale: a, feedback: o, config: s, note: c, showNote: l, env: u, disabled: d, teacherInstructions: f, language: p } = e, h = t && t.length > 0, { showingCorrect: g } = this.state, _ = s || {
 			orientation: "vertical",
 			includeTargets: !0
-		}, { orientation: v, includeTargets: y } = _, b = v === "vertical", x = this.createOrdering(), { mode: S, role: T } = u || {}, D = b ? Ie : Fe, O = (g || S === "view" && T === "instructor") && l && c, k = a && (m(a) || C(a)), A = f && (m(f) || C(f)), j = {
+		}, { orientation: v, includeTargets: y } = _, b = v === "vertical", x = this.createOrdering(), { mode: S, role: T } = u || {}, D = b ? Fe : Pe, O = (g || S === "view" && T === "instructor") && l && c, k = a && (m(a) || C(a)), A = f && (m(f) || C(f)), j = {
 			color: w.text(),
 			backgroundColor: w.background(),
 			display: "flex",
@@ -1060,12 +1054,12 @@ var lt = class extends k.Component {
 			onDragCancel: this.onDragCancel,
 			collisionDetection: E,
 			modifiers: [ne],
-			...Qe(y),
-			children: /* @__PURE__ */ P(tt, { children: /* @__PURE__ */ F(Ke, {
+			...Ze(y),
+			children: /* @__PURE__ */ P(et, { children: /* @__PURE__ */ F(Ge, {
 				extraCSSRules: r,
 				style: j,
 				children: [
-					A && /* @__PURE__ */ P(st, {
+					A && /* @__PURE__ */ P(ot, {
 						labels: {
 							hidden: "Show Teacher Instructions",
 							visible: "Hide Teacher Instructions"
@@ -1073,14 +1067,14 @@ var lt = class extends k.Component {
 						className: "collapsible",
 						children: /* @__PURE__ */ P(Z, { prompt: f })
 					}),
-					/* @__PURE__ */ P(it, { children: /* @__PURE__ */ P(Z, { prompt: i }) }),
-					/* @__PURE__ */ P(ot, {
+					/* @__PURE__ */ P(rt, { children: /* @__PURE__ */ P(Z, { prompt: i }) }),
+					/* @__PURE__ */ P(at, {
 						show: h,
 						toggled: g,
 						onToggle: this.toggleCorrect,
 						language: p
 					}),
-					/* @__PURE__ */ P(nt, { children: /* @__PURE__ */ P(rt, { children: /* @__PURE__ */ P(ct, {
+					/* @__PURE__ */ P(tt, { children: /* @__PURE__ */ P(nt, { children: /* @__PURE__ */ P(st, {
 						instanceId: this.instanceId,
 						choiceLabel: _.choiceLabel,
 						targetLabel: _.targetLabel,
@@ -1093,8 +1087,8 @@ var lt = class extends k.Component {
 						choiceLabelEnabled: e.config && e.config.choiceLabelEnabled,
 						...M
 					}) }) }),
-					O && /* @__PURE__ */ P(at, { dangerouslySetInnerHTML: { __html: c } }),
-					k && /* @__PURE__ */ P(st, {
+					O && /* @__PURE__ */ P(it, { dangerouslySetInnerHTML: { __html: c } }),
+					k && /* @__PURE__ */ P(ot, {
 						labels: {
 							hidden: "Show Rationale",
 							visible: "Hide Rationale"
@@ -1102,7 +1096,7 @@ var lt = class extends k.Component {
 						className: "collapsible",
 						children: /* @__PURE__ */ P(Z, { prompt: a })
 					}),
-					!g && /* @__PURE__ */ P(qe, {
+					!g && /* @__PURE__ */ P(Ke, {
 						correctness: n,
 						feedback: o
 					})
@@ -1110,7 +1104,7 @@ var lt = class extends k.Component {
 			}) })
 		});
 	}
-}, ut = class extends k.Component {
+}, lt = class extends k.Component {
 	static propTypes = {
 		model: L.default.object.isRequired,
 		session: L.default.oneOfType([L.default.array.isRequired, L.default.object.isRequired]),
@@ -1118,16 +1112,16 @@ var lt = class extends k.Component {
 	};
 	render() {
 		let { model: e, session: t, onSessionChange: n } = this.props;
-		return /* @__PURE__ */ P(lt, {
+		return /* @__PURE__ */ P(ct, {
 			model: e,
 			session: t,
 			onSessionChange: n
 		});
 	}
-}, dt = (0, I.default)("pie-elements:placement-ordering"), ft = ({ model: t, session: n }) => {
+}, ut = (0, I.default)("pie-elements:placement-ordering"), dt = ({ model: t, session: n }) => {
 	let { config: r } = t, i = (n && e(n.value) || []).length === t.choices.length;
 	return r.includeTargets || i;
-}, pt = class extends HTMLElement {
+}, ft = class extends HTMLElement {
 	constructor() {
 		super(), this._root = null, this._mathObserver = null, this._mathRenderPending = !1;
 	}
@@ -1168,8 +1162,8 @@ var lt = class extends k.Component {
 	}
 	render() {
 		if (this._model && this._session) {
-			dt("[render] session: ", this._session.value), dt("[render] model: ", this._model), this._initMathObserver();
-			let e = k.createElement(ut, {
+			ut("[render] session: ", this._session.value), ut("[render] model: ", this._model), this._initMathObserver();
+			let e = k.createElement(lt, {
 				model: this._model,
 				session: this._session,
 				onSessionChange: this.sessionChange
@@ -1185,6 +1179,6 @@ var lt = class extends k.Component {
 	}
 };
 //#endregion
-export { pt as default, ft as isValidSession };
+export { ft as default, dt as isValidSession };
 
 //# sourceMappingURL=index.js.map