@pie-element/placement-ordering 14.1.1 → 14.1.2-next.0

package/dist/author/defaults.js

@@ -0,0 +1,159 @@
+//#region src/author/defaults.ts
+var e = {
+	model: {
+		choiceLabel: "",
+		choiceLabelEnabled: !0,
+		choices: [],
+		correctResponse: [],
+		feedbackEnabled: !1,
+		numberedGuides: !1,
+		orientation: "vertical",
+		partialScoring: !0,
+		placementArea: !1,
+		prompt: "",
+		promptEnabled: !0,
+		rationale: "",
+		rationaleEnabled: !0,
+		removeTilesAfterPlacing: !0,
+		scoringType: "auto",
+		studentInstructionsEnabled: !0,
+		targetLabel: "",
+		teacherInstructions: "",
+		teacherInstructionsEnabled: !0,
+		toolbarEditorPosition: "bottom"
+	},
+	configuration: {
+		baseInputConfiguration: {
+			h3: { disabled: !0 },
+			audio: { disabled: !1 },
+			video: { disabled: !1 },
+			image: { disabled: !1 },
+			textAlign: { disabled: !0 },
+			showParagraphs: { disabled: !1 },
+			separateParagraphs: { disabled: !0 }
+		},
+		choiceLabel: {
+			settings: !0,
+			label: "Choice label",
+			inputConfiguration: {
+				audio: { disabled: !1 },
+				video: { disabled: !1 },
+				image: { disabled: !1 }
+			}
+		},
+		choices: {
+			settings: !0,
+			label: "Choices",
+			inputConfiguration: {
+				audio: { disabled: !0 },
+				video: { disabled: !0 },
+				image: { disabled: !0 }
+			}
+		},
+		feedback: {
+			settings: !0,
+			label: "Feedback",
+			enabled: !0
+		},
+		prompt: {
+			settings: !0,
+			label: "Item Stem",
+			required: !1,
+			inputConfiguration: {
+				audio: { disabled: !1 },
+				video: { disabled: !1 },
+				image: { disabled: !1 }
+			}
+		},
+		numberedGuides: {
+			settings: !0,
+			label: "Numbered guides"
+		},
+		orientation: {
+			settings: !0,
+			label: "Orientation"
+		},
+		partialScoring: {
+			settings: !1,
+			label: "Allow Partial Scoring"
+		},
+		placementArea: {
+			settings: !0,
+			label: "Placement Area"
+		},
+		rationale: {
+			settings: !0,
+			label: "Rationale",
+			required: !1,
+			inputConfiguration: {
+				audio: { disabled: !1 },
+				video: { disabled: !1 },
+				image: { disabled: !1 }
+			}
+		},
+		removeTilesAfterPlacing: {
+			settings: !1,
+			label: "Remove Tiles after placing"
+		},
+		settingsPanelDisabled: !1,
+		scoringType: {
+			settings: !1,
+			label: "Scoring Type"
+		},
+		studentInstructions: {
+			settings: !1,
+			label: "Student Instructions"
+		},
+		targetLabel: {
+			settings: !0,
+			label: "Target label"
+		},
+		spellCheck: {
+			label: "Spellcheck",
+			settings: !1,
+			enabled: !0
+		},
+		teacherInstructions: {
+			settings: !0,
+			label: "Teacher Instructions",
+			required: !1,
+			inputConfiguration: {
+				audio: { disabled: !1 },
+				video: { disabled: !1 },
+				image: { disabled: !1 }
+			}
+		},
+		maxImageWidth: {
+			teacherInstructions: 300,
+			prompt: 300,
+			rationale: 300,
+			choicesWithPlacementArea: 240,
+			choicesWithoutPlacementArea: 300
+		},
+		maxImageHeight: {
+			teacherInstructions: 300,
+			prompt: 300,
+			rationale: 300,
+			choices: 150
+		},
+		withRubric: {
+			settings: !1,
+			label: "Add Rubric"
+		},
+		mathMlOptions: {
+			mmlOutput: !1,
+			mmlEditing: !1
+		},
+		language: {
+			settings: !1,
+			label: "Specify Language",
+			enabled: !1
+		},
+		languageChoices: {
+			label: "Language Choices",
+			options: []
+		}
+	}
+};
+//#endregion
+export { e as default };

package/dist/author/design.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @synced-from pie-elements/packages/placement-ordering/configure/src/design.jsx
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import React from 'react';
+import PropTypes from 'prop-types';
+export declare class Design extends React.Component {
+    static propTypes: {
+        uploadSoundSupport: PropTypes.Requireable<object>;
+    };
+    static defaultProps: {};
+    constructor(props: any);
+    componentDidMount(): void;
+    onDragEnd: any;
+    render(): React.JSX.Element;
+}
+export default Design;

package/dist/author/design.js

@@ -0,0 +1,274 @@
+import e from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/cloneDeep.js";
+import t from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/isEmpty.js";
+import n from "./choice-editor.js";
+import { buildTiles as r, generateValidationMessage as i, normalizeIndex as a, updateResponseOrChoices as o } from "./utils.js";
+import s from "react";
+import c from "debug";
+import l from "prop-types";
+import { styled as u } from "@mui/material/styles";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { DragProvider as p } from "@pie-lib/drag";
+import { get as m, set as h } from "nested-property";
+import g from "pluralize";
+import ee from "@mui/icons-material/Info";
+import te from "@mui/material/Tooltip";
+import { FeedbackConfig as ne, FormSection as _, InputContainer as v, layout as re, settings as y } from "@pie-lib/config-ui";
+import b from "@pie-lib/editable-html-tip-tap";
+//#region src/author/design.tsx
+var x = c("@pie-element:placement-ordering:design"), { Panel: ie, toggle: S, radio: ae, dropdown: oe } = y, se = (e) => g.isPlural(e) ? {
+	singularLabel: g.singular(e),
+	pluralLabel: e
+} : {
+	singularLabel: e,
+	pluralLabel: g(e)
+}, C = u(v)(({ theme: e }) => ({
+	width: "100%",
+	paddingTop: e.spacing(2),
+	marginBottom: e.spacing(2)
+})), ce = u("div")({
+	display: "grid",
+	gridAutoFlow: "column",
+	gridAutoColumns: "1fr",
+	gridGap: "8px"
+}), le = u(_)(({ theme: e }) => ({
+	marginTop: 0,
+	marginBottom: e.spacing(2.5)
+})), ue = u("div")({
+	display: "inline-flex",
+	position: "absolute"
+}), de = u("div")(({ theme: e }) => ({
+	fontSize: e.typography.fontSize - 2,
+	color: e.palette.error.main,
+	paddingTop: e.spacing(1)
+})), w = class extends s.Component {
+	static propTypes = { uploadSoundSupport: l.object };
+	static defaultProps = {};
+	constructor(t) {
+		super(t), this.applyUpdate = (t) => {
+			let { model: n, onModelChanged: r } = this.props;
+			r(t(e(n)));
+		}, this.changeHandler = (e, t) => (n) => {
+			x("[changeHandler] value: ", n);
+			let r = t ? m(n, t) : n;
+			this.applyUpdate((t) => (h(t, e, r), t));
+		}, this.onPromptChange = this.changeHandler("prompt"), this.onTeacherInstructionsChange = this.changeHandler("teacherInstructions"), this.onRationaleChange = this.changeHandler("rationale"), this.onChoiceAreaLabelChange = this.changeHandler("choiceLabel", "target.value"), this.onAnswerAreaLabelChange = this.changeHandler("targetLabel", "target.value"), this.onFeedbackChange = this.changeHandler("feedback"), this.onChoiceEditorChange = (t, n) => {
+			let { model: r, onModelChanged: i } = this.props, a = e(r);
+			a.choices = t, a.correctResponse = n, i(a);
+		};
+	}
+	componentDidMount() {
+		let { model: t, onModelChanged: n } = this.props || {}, { feedback: r } = t || {}, i = e(t);
+		r || (i.feedbackEnabled = !1, n(i));
+	}
+	onDragEnd = (e, t) => {
+		let { active: n, over: r } = e;
+		if (!r || !n) return;
+		let i = r.data.current, s = n.data.current, c = t.tiles.find((e) => e.id === s.id && e.type === s.type), l = i, u = {
+			...c,
+			index: a(c, t)
+		}, d = {
+			...l,
+			index: a(l, t)
+		}, { response: f, choices: p } = o(t.response, t.choices, u, d);
+		this.onChoiceEditorChange(p, f);
+	};
+	render() {
+		let { model: e, imageSupport: a, uploadSoundSupport: o, onModelChanged: s, configuration: c, onConfigurationChanged: l } = this.props, { baseInputConfiguration: u = {}, choiceLabel: m = {}, choices: h = {}, contentDimensions: g = {}, feedback: _ = {}, prompt: v = {}, placementArea: y = {}, maxImageWidth: x = {}, maxImageHeight: w = {}, numberedGuides: T = {}, orientation: E = {}, partialScoring: D = {}, rationale: O = {}, removeTilesAfterPlacing: k = {}, settingsPanelDisabled: fe, studentInstructions: A = {}, spellCheck: j = {}, scoringType: M = {}, targetLabel: N = {}, teacherInstructions: P = {}, withRubric: F = {}, mathMlOptions: I = {}, language: L = {}, languageChoices: R = {} } = c || {}, { choiceLabelEnabled: pe, errors: z, extraCSSRules: me, feedbackEnabled: he, promptEnabled: ge, rationaleEnabled: _e, spellCheckEnabled: B, teacherInstructionsEnabled: ve, toolbarEditorPosition: ye, correctResponse: V } = e || {}, { prompt: H, rationale: U, teacherInstructions: W } = z || {}, G = {
+			choices: e.choices,
+			response: !V || t(V) ? Array(e.choices.length) : V,
+			tiles: r(e.choices, V)
+		}, be = i(), { singularLabel: K = "", pluralLabel: q = "" } = h?.label && se(h.label) || {}, J = x && x.prompt, Y = w && w.prompt, X = x && e.placementArea ? x.choicesWithPlacementArea : x.choicesWithoutPlacementArea || J, Z = w && w.choices || Y, Q = { position: ye === "top" ? "top" : "bottom" }, xe = {
+			choiceLabelEnabled: m.settings && S(m.label),
+			placementArea: y.settings && S(y.label),
+			numberedGuides: T.settings && e.placementArea && S(T.label),
+			orientation: E.settings && ae(E.label, ["vertical", "horizontal"]),
+			removeTilesAfterPlacing: k.settings && S(k.label),
+			partialScoring: D.settings && S(D.label),
+			feedbackEnabled: _.settings && S(_.label),
+			"language.enabled": L.settings && S(L.label, !0),
+			language: L.settings && L.enabled && oe(R.label, R.options)
+		}, Se = {
+			teacherInstructionsEnabled: P.settings && S(P.label),
+			studentInstructionsEnabled: A.settings && S(A.label),
+			rationaleEnabled: O.settings && S(O.label),
+			promptEnabled: v.settings && S(v.label),
+			spellCheckEnabled: j.settings && S(j.label),
+			scoringType: M.settings && ae(M.label, ["auto", "rubric"]),
+			rubricEnabled: F?.settings && S(F?.label)
+		}, $ = (e = {}) => ({
+			...u,
+			...e
+		});
+		return /* @__PURE__ */ d(p, {
+			onDragEnd: (e) => this.onDragEnd(e, G),
+			children: /* @__PURE__ */ f(re.ConfigLayout, {
+				extraCSSRules: me,
+				dimensions: g,
+				hideSettings: fe,
+				settings: /* @__PURE__ */ d(ie, {
+					model: e,
+					configuration: c,
+					onChangeModel: (e) => s(e),
+					onChangeConfiguration: (e) => l(e, !0),
+					groups: {
+						Settings: xe,
+						Properties: Se
+					}
+				}),
+				children: [
+					ve && /* @__PURE__ */ f(C, {
+						label: P.label,
+						children: [/* @__PURE__ */ d(b, {
+							className: "prompt",
+							markup: e.teacherInstructions || "",
+							onChange: this.onTeacherInstructionsChange,
+							imageSupport: a,
+							nonEmpty: !1,
+							error: W,
+							toolbarOpts: Q,
+							pluginProps: $(P?.inputConfiguration),
+							spellCheck: B,
+							maxImageWidth: x && x.teacherInstructions || J,
+							maxImageHeight: w && w.teacherInstructions || Y,
+							uploadSoundSupport: o,
+							languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
+							mathMlOptions: I
+						}), W && /* @__PURE__ */ d("div", {
+							className: "errorText",
+							children: W
+						})]
+					}),
+					ge && /* @__PURE__ */ f(C, {
+						label: v && v.label,
+						children: [/* @__PURE__ */ d(b, {
+							className: "prompt",
+							markup: e.prompt,
+							onChange: this.onPromptChange,
+							imageSupport: a,
+							error: H,
+							toolbarOpts: Q,
+							pluginProps: $(v?.inputConfiguration),
+							spellCheck: B,
+							maxImageWidth: x && x.prompt,
+							maxImageHeight: w && w.prompt,
+							uploadSoundSupport: o,
+							languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
+							mathMlOptions: I
+						}), H && /* @__PURE__ */ d("div", {
+							className: "errorText",
+							children: H
+						})]
+					}),
+					/* @__PURE__ */ f(le, {
+						label: `Define ${q}`,
+						labelExtraStyle: { display: "inline-flex" },
+						children: [
+							/* @__PURE__ */ d(ue, { children: /* @__PURE__ */ d(te, {
+								slotProps: { tooltip: { sx: {
+									fontSize: 14,
+									whiteSpace: "pre",
+									maxWidth: "500px"
+								} } },
+								disableFocusListener: !0,
+								disableTouchListener: !0,
+								placement: "right",
+								title: be,
+								children: /* @__PURE__ */ d(ee, {
+									fontSize: "small",
+									color: "primary",
+									style: { marginLeft: "8px" }
+								})
+							}) }),
+							/* @__PURE__ */ f(ce, { children: [pe && /* @__PURE__ */ d(C, {
+								label: m && m.label && `${K} label`,
+								children: /* @__PURE__ */ d(b, {
+									...e.placementArea && { autoWidthToolbar: !0 },
+									className: "prompt",
+									markup: e.choiceLabel,
+									onChange: this.onChoiceAreaLabelChange,
+									toolbarOpts: Q,
+									pluginProps: $(m?.inputConfiguration),
+									spellCheck: B,
+									maxImageWidth: X,
+									maxImageHeight: Z,
+									uploadSoundSupport: o,
+									languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
+									mathMlOptions: I
+								})
+							}), N.settings && e.placementArea && /* @__PURE__ */ d(C, {
+								label: N && N.label && N.label,
+								children: /* @__PURE__ */ d(b, {
+									autoWidthToolbar: !0,
+									className: "prompt",
+									markup: e.targetLabel,
+									onChange: this.onAnswerAreaLabelChange,
+									toolbarOpts: Q,
+									spellCheck: B,
+									maxImageWidth: x && x.choicesWithPlacementArea || J,
+									maxImageHeight: Z,
+									uploadSoundSupport: o,
+									languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
+									mathMlOptions: I
+								})
+							})] }),
+							h.settings && /* @__PURE__ */ d(n, {
+								correctResponse: V,
+								choices: e.choices,
+								onChange: this.onChoiceEditorChange,
+								imageSupport: a,
+								toolbarOpts: Q,
+								pluginProps: $(h?.inputConfiguration),
+								choicesLabel: h.label,
+								placementArea: e.placementArea,
+								singularChoiceLabel: K,
+								pluralChoiceLabel: q,
+								spellCheck: B,
+								maxImageWidth: X,
+								maxImageHeight: Z,
+								errors: z || {},
+								mathMlOptions: I,
+								ordering: G
+							})
+						]
+					}),
+					_e && /* @__PURE__ */ f(C, {
+						label: O.label,
+						children: [/* @__PURE__ */ d(b, {
+							className: "prompt",
+							markup: e.rationale || "",
+							onChange: this.onRationaleChange,
+							imageSupport: a,
+							error: U,
+							toolbarOpts: Q,
+							pluginProps: $(O?.inputConfiguration),
+							spellCheck: B,
+							maxImageWidth: x && x.rationale || J,
+							maxImageHeight: w && w.rationale || Y,
+							uploadSoundSupport: o,
+							languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
+							mathMlOptions: I
+						}), U && /* @__PURE__ */ d(de, { children: U })]
+					}),
+					he && /* @__PURE__ */ d(ne, {
+						feedback: e.feedback,
+						onChange: this.onFeedbackChange,
+						imageSupport: a,
+						toolbarOpts: Q
+					})
+				]
+			})
+		});
+	}
+};
+w.defaultProps = {
+	onModelChanged: () => {},
+	onConfigurationChanged: () => {}
+}, w.propTypes = {
+	model: l.object.isRequired,
+	configuration: l.object.isRequired,
+	onModelChanged: l.func,
+	onConfigurationChanged: l.func,
+	imageSupport: l.object
+};
+//#endregion
+export { w as default };

package/dist/author/help.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @synced-from pie-elements/packages/placement-ordering/configure/src/help.jsx
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import React from 'react';
+declare const Comp: () => React.JSX.Element;
+export default Comp;

package/dist/author/index.d.ts

@@ -0,0 +1,45 @@
+/**
+ * @synced-from pie-elements/packages/placement-ordering/configure/src/index.js
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+export declare const addWeightToCorrectResponse: (correctResponse: any) => any;
+/**
+ * assuming that the correct response will be set via ui, not via config,
+ * correctResponse (if not set) will be initialized with choices default order
+ */
+export default class PlacementOrdering extends HTMLElement {
+    static createDefaultModel: (model?: {}) => {
+        choiceLabel: string;
+        choiceLabelEnabled: boolean;
+        choices: never[];
+        correctResponse: never[];
+        feedbackEnabled: boolean;
+        numberedGuides: boolean;
+        orientation: string;
+        partialScoring: boolean;
+        placementArea: boolean;
+        prompt: string;
+        promptEnabled: boolean;
+        rationale: string;
+        rationaleEnabled: boolean;
+        removeTilesAfterPlacing: boolean;
+        scoringType: string;
+        studentInstructionsEnabled: boolean;
+        targetLabel: string;
+        teacherInstructions: string;
+        teacherInstructionsEnabled: boolean;
+        toolbarEditorPosition: string;
+    };
+    constructor();
+    dispatchUpdate(reset: any): void;
+    set model(s: any);
+    set configuration(c: any);
+    insertSound(handler: any): void;
+    onDeleteSound(src: any, done: any): void;
+    _rerender(): void;
+    disconnectedCallback(): void;
+}

package/dist/author/index.js

@@ -0,0 +1,85 @@
+import e from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/defaults.js";
+import t from "./design.js";
+import n from "./defaults.js";
+import r from "react";
+import { createRoot as i } from "react-dom/client";
+import { DeleteImageEvent as a, DeleteSoundEvent as o, InsertImageEvent as s, InsertSoundEvent as c, ModelUpdatedEvent as l } from "@pie-element/shared-configure-events";
+//#region src/author/index.ts
+var u = (t, r) => ({
+	configuration: e(t, n.configuration),
+	model: r
+}), d = (e) => e && e.map((e) => e.weight === void 0 ? {
+	id: e.id || e,
+	weight: 0
+} : {
+	id: e.id,
+	weight: e.weight
+}), f = class e extends HTMLElement {
+	static createDefaultModel = (e = {}) => {
+		let t = d(e.correctResponse) || ((e) => e && e.map((e) => ({
+			id: e.id,
+			weight: 0
+		})))(e.choices), r = {
+			...n.model,
+			...e
+		};
+		return t && (r.correctResponse = t), r;
+	};
+	constructor() {
+		super(), this._root = null, this._model = e.createDefaultModel(), this._configuration = n.configuration, this.onModelChanged = (e, t) => {
+			this._model = e, this._rerender(), this.dispatchUpdate(t);
+		}, this.onConfigurationChanged = (e) => {
+			this._configuration = u(e).configuration, this.onModelChanged(this._model), this._rerender();
+		}, this.insertImage = (e) => {
+			this.dispatchEvent(new s(e));
+		}, this.deleteImage = (e, t) => {
+			this.dispatchEvent(new a(e, t));
+		};
+	}
+	dispatchUpdate(e) {
+		this.dispatchEvent(new l(this._model, e));
+	}
+	set model(t) {
+		this._model = e.createDefaultModel(t), this._rerender();
+	}
+	set configuration(e) {
+		let t = u(e, this._model);
+		this.onModelChanged(t.model);
+		let r = {
+			...n.configuration,
+			...t.configuration
+		};
+		this._configuration = r, r?.language?.enabled ? r?.languageChoices?.options?.length && (this._model.language = r?.languageChoices.options[0].value) : r.language.settings && this._model.language ? (this._configuration.language.enabled = !0, (!this._configuration.languageChoices.options || !this._configuration.languageChoices.options.length) && (this._configuration.languageChoices.options = []), this._configuration.languageChoices.options.find((e) => e.value === this._model.language) || this._configuration.languageChoices.options.push({
+			value: this._model.language,
+			label: this._model.language
+		})) : delete this._model.language, this._rerender();
+	}
+	insertSound(e) {
+		this.dispatchEvent(new c(e));
+	}
+	onDeleteSound(e, t) {
+		this.dispatchEvent(new o(e, t));
+	}
+	_rerender() {
+		let e = r.createElement(t, {
+			model: this._model,
+			configuration: this._configuration,
+			onModelChanged: this.onModelChanged,
+			onConfigurationChanged: this.onConfigurationChanged,
+			imageSupport: {
+				add: this.insertImage,
+				delete: this.deleteImage
+			},
+			uploadSoundSupport: {
+				add: this.insertSound.bind(this),
+				delete: this.onDeleteSound.bind(this)
+			}
+		});
+		this._root ||= i(this), this._root.render(e);
+	}
+	disconnectedCallback() {
+		this._root && this._root.unmount();
+	}
+};
+//#endregion
+export { d as addWeightToCorrectResponse, f as default };

package/dist/author/utils.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @synced-from pie-elements/packages/placement-ordering/configure/src/utils.js
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+export declare const generateValidationMessage: () => string;
+export declare function normalizeIndex(tile: any, ordering: any): any;
+export declare function updateResponseOrChoices(response: any, choices: any, from: any, to: any): {
+    response: any;
+    choices: any;
+};
+export declare function buildTiles(choices: any, response: any): any;

package/dist/author/utils.js

@@ -0,0 +1,62 @@
+import e from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/cloneDeep.js";
+//#region src/author/utils.ts
+var t = () => "Validation requirements:\nThere should be at least 3 tokens.\nThe tokens should not be empty and should be unique.\nThe correct ordering should not be identical to the initial ordering.";
+function n(e, t) {
+	return e.type === "target" ? t.response.findIndex((t) => t.id === e.id) : e.type === "choice" ? t.choices.findIndex((t) => t.id === e.id) : -1;
+}
+function r(t, n, r, i) {
+	let { type: a, index: o } = r, { type: s, index: c } = i;
+	if (a === "target" && s === "target") {
+		let { movedItem: r, remainingItems: i } = (e(t) || []).reduce((e, t, n) => (n === o ? e.movedItem = t : e.remainingItems.push(t), e), {
+			movedItem: null,
+			remainingItems: []
+		});
+		return {
+			response: [
+				...i.slice(0, c),
+				r,
+				...i.slice(c)
+			],
+			choices: n
+		};
+	}
+	if (a === "choice" && s === "choice") {
+		let { movedItem: a, remainingItems: o, toIndex: s } = (e(n) || []).reduce((e, t, n) => (t.id === r.id ? e.movedItem = t : e.remainingItems.push(t), t.id === i.id && (e.toIndex = n), e), {
+			movedItem: null,
+			remainingItems: [],
+			toIndex: null
+		});
+		return {
+			response: t,
+			choices: [
+				...o.slice(0, s),
+				a,
+				...o.slice(s)
+			]
+		};
+	}
+	return {
+		response: t,
+		choices: n
+	};
+}
+function i(e, t) {
+	let n = t.map((t, n) => {
+		let r = t && t.id;
+		return {
+			type: "target",
+			...e.find((e) => r != null && e.id === r),
+			draggable: !0,
+			index: n,
+			editable: !1
+		};
+	});
+	return e.map((e) => Object.assign({}, e, {
+		type: "choice",
+		droppable: !1,
+		draggable: !0,
+		editable: !0
+	})).concat(n);
+}
+//#endregion
+export { i as buildTiles, t as generateValidationMessage, n as normalizeIndex, r as updateResponseOrChoices };