@pie-element/match-list 7.1.2-next.7 → 7.1.2-next.8

package/dist/browser/delivery/index.js

@@ -12712,9 +12712,13 @@ var uv = q("div")(({ isDragging: e, isSelected: t, isOver: n, disabled: r, outco
 			})
 		});
 	}
-};
-function mv(e) {
-	let { id: t, instanceId: n, promptId: r, draggable: i = !0, disabled: a = !1, type: o, selectedAnswer: s, onSelectClick: c, onPlacementClick: l } = e, u = `${o || "answer"}-${t}`, d = r == null ? void 0 : `drop-${r}`, f = {
+}, mv = ({ type: e, id: t, promptId: n }) => n == null ? `${e || "answer"}-${t}` : `${e || "answer"}-prompt-${n}`;
+function hv(e) {
+	let { id: t, instanceId: n, promptId: r, draggable: i = !0, disabled: a = !1, type: o, selectedAnswer: s, onSelectClick: c, onPlacementClick: l } = e, u = mv({
+		type: o,
+		id: t,
+		promptId: r
+	}), d = r == null ? void 0 : `drop-${r}`, f = {
 		type: o || "answer",
 		id: t,
 		instanceId: n,
@@ -12794,7 +12798,7 @@ function mv(e) {
 		})
 	});
 }
-mv.propTypes = {
+hv.propTypes = {
 	id: X.default.any,
 	instanceId: X.default.string,
 	promptId: X.default.any,
@@ -12808,13 +12812,13 @@ mv.propTypes = {
 };
 //#endregion
 //#region src/delivery/answer-area.tsx
-var hv = 200, gv = q("div")({
+var gv = 200, _v = q("div")({
 	alignItems: "normal",
 	display: "flex",
 	flexShrink: 0,
 	height: 40,
 	margin: "10px 20px"
-}), _v = q("div")(({ theme: e }) => ({
+}), vv = q("div")(({ theme: e }) => ({
 	alignItems: "flex-start",
 	display: "flex",
 	flex: 1,
@@ -12822,24 +12826,24 @@ var hv = 200, gv = q("div")({
 	justifyContent: "space-between",
 	marginTop: e.spacing(2),
 	marginBottom: e.spacing(2)
-})), vv = q("div")(() => ({
+})), yv = q("div")(() => ({
 	border: `1px solid ${Wo.border()}`,
 	boxSizing: "border-box",
 	flex: 1,
 	margin: "10px 0",
 	minHeight: 40,
-	minWidth: hv,
+	minWidth: gv,
 	overflow: "hidden",
 	padding: 10,
 	textAlign: "center",
 	width: "100%",
 	wordBreak: "break-word"
-})), yv = q("div")({
+})), bv = q("div")({
 	alignItems: "center",
 	display: "flex",
 	justifyContent: "space-between",
 	width: "100%"
-}), bv = class extends f.Component {
+}), xv = class extends f.Component {
 	static propTypes = {
 		session: X.default.object.isRequired,
 		showCorrect: X.default.bool.isRequired,
@@ -12876,10 +12880,10 @@ var hv = 200, gv = q("div")({
 	};
 	render() {
 		let { disabled: e, instanceId: t, onRemoveAnswer: n, selectedAnswer: r, onChoiceClick: i, onPlacementClick: a } = this.props, o = this.buildRows(), c = this.getCorrectOrIncorrectMap();
-		return /* @__PURE__ */ A(_v, { children: o.map(({ sessionAnswer: o, title: l, id: u }, d) => /* @__PURE__ */ j(yv, { children: [
-			/* @__PURE__ */ A(vv, { dangerouslySetInnerHTML: { __html: l } }),
-			/* @__PURE__ */ j(gv, { children: [/* @__PURE__ */ A(ov, { direction: "left" }), /* @__PURE__ */ A(ov, {})] }),
-			/* @__PURE__ */ A(mv, {
+		return /* @__PURE__ */ A(vv, { children: o.map(({ sessionAnswer: o, title: l, id: u }, d) => /* @__PURE__ */ j(bv, { children: [
+			/* @__PURE__ */ A(yv, { dangerouslySetInnerHTML: { __html: l } }),
+			/* @__PURE__ */ j(_v, { children: [/* @__PURE__ */ A(ov, { direction: "left" }), /* @__PURE__ */ A(ov, {})] }),
+			/* @__PURE__ */ A(hv, {
 				className: "answer",
 				index: d,
 				promptId: u,
@@ -12894,10 +12898,10 @@ var hv = 200, gv = q("div")({
 				selectedAnswer: r,
 				onSelectClick: i,
 				onPlacementClick: a
-			}, d)
-		] }, d)) });
+			})
+		] }, u)) });
 	}
-}, xv = q("div")(({ theme: e }) => ({
+}, Sv = q("div")(({ theme: e }) => ({
 	alignItems: "center",
 	display: "flex",
 	flexDirection: "row",
@@ -12908,13 +12912,13 @@ var hv = 200, gv = q("div")({
 	minHeight: 50,
 	transition: "background-color 200ms ease"
 }));
-function Sv({ id: e, disabled: t, children: n, onPlacementClick: r, ...i }) {
+function Cv({ id: e, disabled: t, children: n, onPlacementClick: r, ...i }) {
 	let { setNodeRef: a, isOver: o } = hg({
 		id: e || "choices-pool",
 		data: { type: "choices-pool" },
 		disabled: t
 	});
-	return /* @__PURE__ */ A(xv, {
+	return /* @__PURE__ */ A(Sv, {
 		ref: a,
 		onClick: () => {
 			t || r?.({ type: "choices-pool" });
@@ -12928,7 +12932,7 @@ function Sv({ id: e, disabled: t, children: n, onPlacementClick: r, ...i }) {
 		})
 	});
 }
-Sv.propTypes = {
+Cv.propTypes = {
 	id: X.default.oneOfType([X.default.string, X.default.number]),
 	disabled: X.default.bool,
 	children: X.default.node,
@@ -12936,7 +12940,7 @@ Sv.propTypes = {
 };
 //#endregion
 //#region src/delivery/choices-list.tsx
-var Cv = q("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), wv = class extends f.Component {
+var wv = q("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), Tv = class extends f.Component {
 	static propTypes = {
 		session: X.default.object.isRequired,
 		instanceId: X.default.string.isRequired,
@@ -12949,12 +12953,12 @@ var Cv = q("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), wv = clas
 	};
 	render() {
 		let { model: e, disabled: t, session: n, instanceId: i, onRemoveAnswer: o, selectedAnswer: c, onChoiceClick: l, onPlacementClick: u } = this.props, { config: d } = e, { duplicates: f } = d;
-		return /* @__PURE__ */ A(Cv, { children: /* @__PURE__ */ A(Sv, {
+		return /* @__PURE__ */ A(wv, { children: /* @__PURE__ */ A(Cv, {
 			id: "choices-pool",
 			disabled: t,
 			onRemoveAnswer: o,
 			onPlacementClick: u,
-			children: d.answers.filter((e) => f || s(n) || !n.value || a(r(n.value, (t) => t === e.id))).map((e) => /* @__PURE__ */ A(mv, {
+			children: d.answers.filter((e) => f || s(n) || !n.value || a(r(n.value, (t) => t === e.id))).map((e) => /* @__PURE__ */ A(hv, {
 				instanceId: i,
 				draggable: !0,
 				disabled: t,
@@ -12969,13 +12973,13 @@ var Cv = q("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), wv = clas
 };
 //#endregion
 //#region src/delivery/main.tsx
-function Tv(e) {
+function Ev(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function Ev(e, t) {
-	return !e || Tv(e) ? e : Tv(e.default) ? e.default : t && Tv(e[t]) ? e[t] : t && Tv(e[t]?.default) ? e[t].default : e;
+function Dv(e, t) {
+	return !e || Ev(e) ? e : Ev(e.default) ? e.default : t && Ev(e[t]) ? e[t] : t && Ev(e[t]?.default) ? e[t].default : e;
 }
-var Dv = Ev(Xf, "PreviewPrompt") || Ev(jv.PreviewPrompt, "PreviewPrompt"), Ov = Ev(Tc, "Feedback") || Ev(jv.Feedback, "Feedback"), kv = Dp, Av = kv.default, jv = Av && typeof Av == "object" ? Av : kv, Mv = 250, Nv = [{
+var Ov = Dv(Xf, "PreviewPrompt") || Dv(Mv.PreviewPrompt, "PreviewPrompt"), kv = Dv(Tc, "Feedback") || Dv(Mv.Feedback, "Feedback"), Av = Dp, jv = Av.default, Mv = jv && typeof jv == "object" ? jv : Av, Nv = 250, Pv = [{
 	sensor: uh,
 	options: { activationConstraint: { distance: 8 } }
 }, {
@@ -12988,21 +12992,21 @@ var Dv = Ev(Xf, "PreviewPrompt") || Ev(jv.PreviewPrompt, "PreviewPrompt"), Ov =
 			end: [Q.Space, Q.Enter]
 		}
 	}
-}], Pv = q("div")({
+}], Fv = q("div")({
 	display: "flex",
 	flexDirection: "column",
 	justifyContent: "center",
 	color: Wo.text(),
 	backgroundColor: Wo.background()
-}), Fv = q("div")({
+}), Iv = q("div")({
 	width: "100%",
 	overflowX: "auto",
 	overflowY: "hidden"
-}), Iv = q("div")({
+}), Lv = q("div")({
 	display: "flex",
 	flexDirection: "column",
 	minWidth: "min-content"
-}), Lv = class extends f.Component {
+}), Rv = class extends f.Component {
 	static propTypes = {
 		session: X.default.object.isRequired,
 		onSessionChange: X.default.func,
@@ -13053,13 +13057,10 @@ var Dv = Ev(Xf, "PreviewPrompt") || Ev(jv.PreviewPrompt, "PreviewPrompt"), Ov =
 			if (e.type === "choice" && i !== void 0) {
 				let e = c(n.value, (e) => e === s);
 				e && !o ? n.value = Og(n.value, e, i) : n.value[i] = s;
-			} else if (e.type === "target" && l != null && l !== i) {
-				let e = n.value[i] != null;
-				if (e && !o) {
-					let e = n.value[i];
-					n.value[i] = s, n.value[l] = e;
-				} else e || (n.value[i] = s, delete n.value[l]);
-			}
+			} else if (e.type === "target" && l != null && l !== i) if (n.value[i] != null && !o) {
+				let e = n.value[i];
+				n.value[i] = s, n.value[l] = e;
+			} else n.value[i] = s, delete n.value[l];
 			r(n);
 		}
 	};
@@ -13091,7 +13092,7 @@ var Dv = Ev(Xf, "PreviewPrompt") || Ev(jv.PreviewPrompt, "PreviewPrompt"), Ov =
 		let { selectedAnswer: t } = this.state;
 		t && (this.placeAnswer(t, e), this.cancelSelection(), this.endAnyLiveKeyboardDrag(), this.lastDragEndAt = Date.now());
 	};
-	isClickSoonAfterDragEnd = () => Date.now() - this.lastDragEndAt < Mv;
+	isClickSoonAfterDragEnd = () => Date.now() - this.lastDragEndAt < Nv;
 	onChoiceClick = (e) => {
 		this.isClickSoonAfterDragEnd() || this.toggleAnswerSelection(e);
 	};
@@ -13118,15 +13119,15 @@ var Dv = Ev(Xf, "PreviewPrompt") || Ev(jv.PreviewPrompt, "PreviewPrompt"), Ov =
 	render() {
 		let { showCorrectAnswer: e } = this.state, { model: t, session: n } = this.props, { config: r, mode: i } = t, { prompt: a, language: o } = r;
 		return /* @__PURE__ */ j(sg, {
-			sensors: Nv,
+			sensors: Pv,
 			collisionDetection: bm,
 			onDragStart: this.onDragStart,
 			onDragEnd: this.onPlaceAnswer,
 			onDragCancel: this.onDragCancel,
 			modifiers: [Ng],
 			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. You can also click an answer choice to select it, then click a response area to place it there." } },
-			children: [/* @__PURE__ */ j(Pv, { children: [
-				/* @__PURE__ */ A(Dv, {
+			children: [/* @__PURE__ */ j(Fv, { children: [
+				/* @__PURE__ */ A(Ov, {
 					className: "prompt",
 					prompt: a
 				}),
@@ -13136,7 +13137,7 @@ var Dv = Ev(Xf, "PreviewPrompt") || Ev(jv.PreviewPrompt, "PreviewPrompt"), Ov =
 					onToggle: this.toggleShowCorrect,
 					language: o
 				}),
-				/* @__PURE__ */ A(Fv, { children: /* @__PURE__ */ j(Iv, { children: [/* @__PURE__ */ A(bv, {
+				/* @__PURE__ */ A(Iv, { children: /* @__PURE__ */ j(Lv, { children: [/* @__PURE__ */ A(xv, {
 					instanceId: this.instanceId,
 					model: t,
 					session: n,
@@ -13146,7 +13147,7 @@ var Dv = Ev(Xf, "PreviewPrompt") || Ev(jv.PreviewPrompt, "PreviewPrompt"), Ov =
 					selectedAnswer: this.state.selectedAnswer,
 					onChoiceClick: this.onChoiceClick,
 					onPlacementClick: this.onPlacementClick
-				}), /* @__PURE__ */ A(wv, {
+				}), /* @__PURE__ */ A(Tv, {
 					instanceId: this.instanceId,
 					model: t,
 					session: n,
@@ -13156,7 +13157,7 @@ var Dv = Ev(Xf, "PreviewPrompt") || Ev(jv.PreviewPrompt, "PreviewPrompt"), Ov =
 					onChoiceClick: this.onChoiceClick,
 					onPlacementClick: this.onPlacementClick
 				})] }) }),
-				t.correctness && t.feedback && !e && /* @__PURE__ */ A(Ov, {
+				t.correctness && t.feedback && !e && /* @__PURE__ */ A(kv, {
 					correctness: t.correctness.correctness,
 					feedback: t.feedback
 				})
@@ -13180,7 +13181,7 @@ var Dv = Ev(Xf, "PreviewPrompt") || Ev(jv.PreviewPrompt, "PreviewPrompt"), Ov =
 		}), this.component = t, this.complete = n;
 	}
 });
-var Rv = class e extends CustomEvent {
+var zv = class e extends CustomEvent {
 	static {
 		this.TYPE = "session-changed";
 	}
@@ -13194,13 +13195,13 @@ var Rv = class e extends CustomEvent {
 			}
 		}), this.component = t, this.complete = n;
 	}
-}, zv = (0, zo.default)("pie-ui:graph-lines"), Bv = (e, t) => {
+}, Bv = (0, zo.default)("pie-ui:graph-lines"), Vv = (e, t) => {
 	if (!e) return !1;
 	let n = e.value, r = !0;
 	return n && (t.config.prompts || []).forEach((e) => {
 		Number.isFinite(n[e.id]) || (r = !1);
 	}), r;
-}, Vv = class extends HTMLElement {
+}, Hv = class extends HTMLElement {
 	constructor() {
 		super(), this._root = null;
 	}
@@ -13214,14 +13215,14 @@ var Rv = class e extends CustomEvent {
 		return this._session;
 	}
 	sessionChanged(e) {
-		this._session.value = e.value, this.dispatchEvent(new Rv(this.tagName.toLowerCase(), Bv(this._session, this._model))), zv("session: ", this._session), this._render();
+		this._session.value = e.value, this.dispatchEvent(new zv(this.tagName.toLowerCase(), Vv(this._session, this._model))), Bv("session: ", this._session), this._render();
 	}
 	connectedCallback() {
 		this._render();
 	}
 	_render() {
 		if (!this._model || !this._session) return;
-		let e = f.createElement(Lv, {
+		let e = f.createElement(Rv, {
 			model: this._model,
 			session: this._session,
 			onSessionChange: this.sessionChanged.bind(this)
@@ -13235,6 +13236,6 @@ var Rv = class e extends CustomEvent {
 	}
 };
 //#endregion
-export { Lv as Component, Vv as default, Bv as isComplete };
+export { Rv as Component, Hv as default, Vv as isComplete };
 
 //# sourceMappingURL=index.js.map