@pie-element/explicit-constructed-response 11.1.0-next.19 → 11.1.1-next.1

package/dist/author/main.js

@@ -0,0 +1,323 @@
+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 "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/pick.js";
+import r from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/throttle.js";
+import { decodeHTML as i, getAdjustedLength as a } from "./markupUtils.js";
+import o from "./ecr-toolbar.js";
+import s from "./alternateResponses.js";
+import { generateValidationMessage as c } from "./utils.js";
+import l from "react";
+import u from "prop-types";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { styled as p } from "@mui/material/styles";
+import m, { ALL_PLUGINS as h } from "@pie-lib/editable-html-tip-tap";
+import { InputContainer as g, layout as ee, settings as _ } from "@pie-lib/config-ui";
+import v from "@mui/material/Typography";
+import y from "@mui/icons-material/Info";
+import b from "@mui/material/Tooltip";
+//#region src/author/main.tsx
+var { toggle: x, Panel: te, dropdown: ne } = _, S = p(g)(({ theme: e }) => ({
+	width: "100%",
+	paddingTop: e.spacing(1),
+	marginTop: e.spacing(2),
+	marginBottom: e.spacing(2)
+})), C = p(m)(({ theme: e }) => ({
+	minHeight: "100px",
+	paddingTop: e.spacing(1),
+	width: "100%",
+	"& [data-slate-editor=\"true\"]": { minHeight: "100px" }
+})), re = p(v)(({ theme: e }) => ({ fontSize: e.typography.fontSize + 2 })), ie = p(b)(({ theme: e }) => ({ "& .MuiTooltip-tooltip": {
+	fontSize: e.typography.fontSize - 2,
+	whiteSpace: "pre",
+	maxWidth: "500px"
+} })), w = p("div")(({ theme: e }) => ({
+	fontSize: e.typography.fontSize - 2,
+	color: e.palette.error.main,
+	paddingTop: e.spacing(1)
+})), T = p("div")({
+	display: "flex",
+	alignItems: "center"
+}), E = p(v)(({ theme: e }) => ({
+	fontSize: e.typography.fontSize + 2,
+	marginTop: e.spacing(3),
+	marginBottom: e.spacing(1)
+})), D = (e) => {
+	let t = document.createElement("div");
+	return t.innerHTML = e.trim(), t;
+}, O = class extends l.Component {
+	static propTypes = {
+		configuration: u.object.isRequired,
+		model: u.object.isRequired,
+		disableSidePanel: u.bool,
+		onModelChanged: u.func.isRequired,
+		onConfigurationChanged: u.func.isRequired,
+		imageSupport: u.shape({
+			add: u.func.isRequired,
+			delete: u.func.isRequired
+		}),
+		uploadSoundSupport: u.object
+	};
+	state = {};
+	componentDidMount() {
+		let { model: { slateMarkup: e, choices: t, maxLengthPerChoice: n = [] }, onModelChanged: r } = this.props, o = !n.length;
+		this.setState({ markup: e }), Object.values(t).forEach((e, t) => {
+			let r = e.map((e) => i(e.label || "").length), s = Math.max(...r);
+			(o || !n[t] || n[t] < s || n[t] > s + 10) && (n[t] = a(s));
+		}), r({
+			...this.props.model,
+			maxLengthPerChoice: n
+		});
+	}
+	onModelChange = (e) => {
+		this.props.onModelChanged({
+			...this.props.model,
+			...e
+		});
+	};
+	onPromptChanged = (e) => {
+		this.props.onModelChanged({
+			...this.props.model,
+			prompt: e
+		});
+	};
+	onRationaleChanged = (e) => {
+		this.props.onModelChanged({
+			...this.props.model,
+			rationale: e
+		});
+	};
+	onTeacherInstructionsChanged = (e) => {
+		let { model: t, onModelChanged: n } = this.props;
+		n({
+			...t,
+			teacherInstructions: e
+		});
+	};
+	onMarkupChanged = (e) => {
+		this.props.onModelChanged({
+			...this.props.model,
+			slateMarkup: e
+		});
+	};
+	onResponsesChanged = (e) => {
+		this.props.onModelChanged({
+			...this.props.model,
+			choices: e
+		});
+	};
+	onLengthChanged = (e) => {
+		let { model: t, onModelChanged: n } = this.props;
+		n({
+			...t,
+			maxLengthPerChoice: e
+		});
+	};
+	onChangeResponse = (e, t) => {
+		let { model: n, onModelChanged: r } = this.props, { choices: o } = n, { maxLengthPerChoice: s } = n, c = i(t || "").length;
+		if (!o[e] || !o[e].length) {
+			o[e] = [{
+				label: t || "",
+				value: "0"
+			}];
+			let n = e > s.length ? e - s.length : 0;
+			s = [...s, ...Array(n).fill(1)], s.splice(e, 0, a(c));
+		} else o[e][0].label = t || "", s && (s[e] < c || s[e] > c + 10) && (s[e] = a(c));
+		r({
+			...n,
+			choices: o,
+			maxLengthPerChoice: s
+		});
+	};
+	onChange = (t) => {
+		let { model: { choices: n, maxLengthPerChoice: r }, onModelChanged: i } = this.props, a = D(t), o = a.querySelectorAll("[data-type=\"explicit_constructed_response\"]"), s = {}, c = [];
+		o.forEach((t, i) => {
+			let a = e(n[t.dataset.index]);
+			a && (a[0] = {
+				label: t.dataset.value || "",
+				value: "0"
+			}, c[i] = r[t.dataset.index]), s[i] = a, t.dataset.index = i;
+		}), this.setState({ cachedChoices: void 0 }, () => i({
+			...this.props.model,
+			choices: s,
+			slateMarkup: a.innerHTML,
+			maxLengthPerChoice: c
+		}));
+	};
+	onHandleAreaChange = r((t) => {
+		let { model: { choices: r }, onModelChanged: i } = this.props, { cachedChoices: a } = this.state;
+		if (!t) return;
+		let o = r ? e(r) : {}, s = a ? e(a) : {};
+		t.forEach((e) => {
+			let t = e.index;
+			!o[t] && s[t] ? (Object.assign(o, n(s, t)), Object.prototype.hasOwnProperty.call(s, t) && delete s[t]) : (Object.assign(s, n(o, t)), Object.prototype.hasOwnProperty.call(o, t) && delete o[t]);
+		}), this.setState({ cachedChoices: s }, () => i({
+			...this.props.model,
+			choices: o
+		}));
+	}, 500, {
+		trailing: !1,
+		leading: !0
+	});
+	render() {
+		let { model: e, configuration: n, onConfigurationChanged: r, imageSupport: i, uploadSoundSupport: a } = this.props, { baseInputConfiguration: l = {}, contentDimensions: u = {}, maxImageWidth: p = {}, maxImageHeight: g = {}, maxLengthPerChoice: _ = {}, maxResponseAreas: v, partialScoring: b = {}, playerSpellCheck: D = {}, prompt: O = {}, rationale: k = {}, template: ae = {}, settingsPanelDisabled: oe, spellCheck: A = {}, editSource: j = {}, teacherInstructions: M = {}, withRubric: N = {}, mathMlOptions: P = {}, language: F = {}, languageChoices: I = {}, spanishButton: L = {}, responseAreaInputConfiguration: R = {} } = n || {}, { errors: z, extraCSSRules: B, maxLengthPerChoiceEnabled: V, promptEnabled: H, rationaleEnabled: U, spellCheckEnabled: W, teacherInstructionsEnabled: se, toolbarEditorPosition: ce } = e || {}, { choices: G = {}, prompt: K, rationale: q, responseAreas: J, teacherInstructions: Y } = z || {}, le = c(n), X = p && p.prompt, Z = g && g.prompt, Q = { position: ce === "top" ? "top" : "bottom" }, ue = {
+			partialScoring: b.settings && x(b.label),
+			maxLengthPerChoiceEnabled: _.settings && x(_.label),
+			"language.enabled": F.settings && x(F.label, !0),
+			language: F.settings && F.enabled && ne(I.label, I.options),
+			"responseAreaInputConfiguration.inputConfiguration.characters.disabled": L.settings && x(L.label, !0)
+		}, de = {
+			teacherInstructionsEnabled: M.settings && x(M.label),
+			rationaleEnabled: k.settings && x(k.label),
+			promptEnabled: O.settings && x(O.label),
+			spellCheckEnabled: A.settings && x(A.label),
+			playerSpellCheckEnabled: D.settings && x(D.label),
+			rubricEnabled: N?.settings && x(N?.label),
+			"editSource.enabled": j?.settings && x(j.label, !0)
+		}, $ = (e = {}) => ({
+			...l,
+			...e
+		});
+		return /* @__PURE__ */ f(ee.ConfigLayout, {
+			extraCSSRules: B,
+			dimensions: u,
+			hideSettings: oe,
+			settings: /* @__PURE__ */ d(te, {
+				model: e,
+				configuration: n,
+				onChangeModel: (e) => this.onModelChange(e),
+				onChangeConfiguration: (e) => r(e, !0),
+				groups: {
+					Settings: ue,
+					Properties: de
+				}
+			}),
+			children: [
+				se && /* @__PURE__ */ f(S, {
+					label: M.label,
+					children: [/* @__PURE__ */ d(m, {
+						className: "prompt",
+						markup: e.teacherInstructions || "",
+						onChange: this.onTeacherInstructionsChanged,
+						imageSupport: i,
+						nonEmpty: !1,
+						error: Y,
+						toolbarOpts: Q,
+						pluginProps: $(M?.inputConfiguration),
+						spellCheck: W,
+						maxImageWidth: p && p.teacherInstructions || X,
+						maxImageHeight: g && g.teacherInstructions || Z,
+						uploadSoundSupport: a,
+						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
+						mathMlOptions: P,
+						autoWidthToolbar: !0
+					}), Y && /* @__PURE__ */ d(w, { children: Y })]
+				}),
+				H && /* @__PURE__ */ f(S, {
+					label: O.label,
+					children: [/* @__PURE__ */ d(m, {
+						className: "prompt",
+						markup: e.prompt,
+						onChange: this.onPromptChanged,
+						imageSupport: i,
+						nonEmpty: !1,
+						disableUnderline: !0,
+						error: K,
+						toolbarOpts: Q,
+						pluginProps: $(O?.inputConfiguration),
+						spellCheck: W,
+						maxImageWidth: X,
+						maxImageHeight: Z,
+						uploadSoundSupport: a,
+						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
+						mathMlOptions: P,
+						autoWidthToolbar: !0
+					}), K && /* @__PURE__ */ d(w, { children: K })]
+				}),
+				/* @__PURE__ */ f(T, { children: [/* @__PURE__ */ d(re, {
+					component: "div",
+					children: "Define Template, Choices, and Correct Responses"
+				}), /* @__PURE__ */ d(ie, {
+					disableFocusListener: !0,
+					disableTouchListener: !0,
+					placement: "right",
+					title: le,
+					children: /* @__PURE__ */ d(y, {
+						fontSize: "small",
+						color: "primary",
+						style: { marginLeft: "8px" }
+					})
+				})] }),
+				/* @__PURE__ */ d(C, {
+					activePlugins: h,
+					toolbarOpts: { position: "top" },
+					spellCheck: W,
+					pluginProps: $(ae?.inputConfiguration),
+					responseAreaProps: {
+						type: "explicit-constructed-response",
+						options: { duplicates: !0 },
+						maxResponseAreas: v,
+						respAreaToolbar: (e, t, n) => {
+							let [r, i] = e, { model: a } = this.props, s = (a.choices[r.attrs.index] || [])[0];
+							return () => /* @__PURE__ */ d(o, {
+								onChangeResponse: (e) => this.onChangeResponse(r.attrs.index, e),
+								node: r,
+								pos: i,
+								editor: t,
+								onToolbarDone: n,
+								correctChoice: s,
+								maxLengthPerChoiceEnabled: V,
+								pluginProps: $(R?.inputConfiguration)
+							});
+						},
+						error: () => G,
+						onHandleAreaChange: this.onHandleAreaChange
+					},
+					markup: e.slateMarkup,
+					onChange: this.onChange,
+					imageSupport: i,
+					disableImageAlignmentButtons: !0,
+					onBlur: this.onBlur,
+					disabled: !1,
+					highlightShape: !1,
+					error: J,
+					uploadSoundSupport: a,
+					languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
+					mathMlOptions: P,
+					autoWidthToolbar: !0
+				}),
+				J && /* @__PURE__ */ d(w, { children: J }),
+				!t(e.choices) && /* @__PURE__ */ d(E, { children: `Define Alternates ${V ? "and Character Limits" : ""}` }),
+				/* @__PURE__ */ d(s, {
+					model: e,
+					onChange: this.onResponsesChanged,
+					onLengthChange: this.onLengthChanged,
+					maxLengthPerChoiceEnabled: V,
+					spellCheck: W,
+					choicesErrors: G,
+					pluginProps: $(R?.inputConfiguration)
+				}),
+				U && /* @__PURE__ */ f(S, {
+					label: k.label,
+					children: [/* @__PURE__ */ d(m, {
+						className: "prompt",
+						markup: e.rationale || "",
+						onChange: this.onRationaleChanged,
+						imageSupport: i,
+						error: q,
+						toolbarOpts: Q,
+						pluginProps: $(k?.inputConfiguration),
+						spellCheck: W,
+						maxImageWidth: p && p.rationale || X,
+						maxImageHeight: g && g.rationale || Z,
+						uploadSoundSupport: a,
+						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
+						mathMlOptions: P,
+						autoWidthToolbar: !0
+					}), q && /* @__PURE__ */ d(w, { children: q })]
+				})
+			]
+		});
+	}
+};
+//#endregion
+export { O as default };

package/dist/author/markupUtils.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @synced-from pie-elements/packages/explicit-constructed-response/configure/src/markupUtils.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 removeUnwantedCharacters: (markup: any) => any;
+export declare const processMarkup: (markup: any) => string;
+export declare const createSlateMarkup: (markup: any, choices: any) => any;
+export declare const getAdjustedLength: (length: any) => any;
+export declare const stripHtmlTags: (markup: any) => string;
+export declare const decodeHTML: (html: any) => string;

package/dist/author/markupUtils.js

@@ -0,0 +1,13 @@
+import e from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/escape.js";
+//#region src/author/markupUtils.tsx
+var t = "imes|riangle|an|heta|herefore", n = "throot|parallel|cong|approx|eq|e|sim", r = RegExp(`(\\t(?!${t}))|(\\n(?!${n}))|(\\\\t(?!${t}))|(\\\\n(?!${n}))`, "g"), i = (e) => e.replace(r, "").replace(/\\"/g, "\"").replace(/\\\//g, "/"), a = (e = "") => {
+	let t = document.createElement("div");
+	return t.innerHTML = e.trim(), t;
+}, o = (e) => {
+	let t = a(i(e || "") || ""), n = 0;
+	return t.querySelectorAll("[data-type=\"explicit_constructed_response\"]").forEach((e) => {
+		e.replaceWith(`{{${n++}}}`);
+	}), t.innerHTML;
+}, s = /\{\{(\d+)\}\}/g, c = (t, n) => t ? i(t).replace(s, (t, r) => `<span data-type="explicit_constructed_response" data-index="${r}" data-value="${e(n[r][0].label || "")}"></span>`) : "", l = (e) => e <= 2 ? e + 2 : e <= 4 ? e + 3 : e <= 6 ? e + 4 : e + 5, u = (e) => typeof e == "string" ? e.replace(/<\/?[^>]+(>|$)/g, "") : "", d = (e) => new DOMParser().parseFromString(e, "text/html").body.textContent || "";
+//#endregion
+export { c as createSlateMarkup, d as decodeHTML, l as getAdjustedLength, o as processMarkup, u as stripHtmlTags };

package/dist/author/utils.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @synced-from pie-elements/packages/explicit-constructed-response/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: (config: any) => string;

package/dist/author/utils.js

@@ -0,0 +1,7 @@
+//#region src/author/utils.ts
+var e = (e) => {
+	let { maxResponseAreas: t } = e;
+	return "Validation requirements:" + ("\nCorrect answers should not be blank.\nEach answer defined for a response area should be unique.\nThere should be at least 1 " + (t ? `and at most ${t} ` : "") + "response area" + (t ? "s" : "") + " defined.");
+};
+//#endregion
+export { e as generateValidationMessage };

package/dist/controller/defaults.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @synced-from pie-elements/packages/explicit-constructed-response/controller/src/defaults.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.
+ */
+declare const _default: {
+    choices: {};
+    displayType: string;
+    markup: string;
+    maxLengthPerChoiceEnabled: boolean;
+    playerSpellCheckEnabled: boolean;
+    prompt: string;
+    promptEnabled: boolean;
+    rationale: string;
+    rationaleEnabled: boolean;
+    spellCheckEnabled: boolean;
+    studentInstructionsEnabled: boolean;
+    teacherInstructions: string;
+    teacherInstructionsEnabled: boolean;
+    toolbarEditorPosition: string;
+};
+export default _default;

package/dist/controller/defaults.js

@@ -0,0 +1,19 @@
+//#region src/controller/defaults.ts
+var e = {
+	choices: {},
+	displayType: "block",
+	markup: "",
+	maxLengthPerChoiceEnabled: !0,
+	playerSpellCheckEnabled: !0,
+	prompt: "",
+	promptEnabled: !0,
+	rationale: "",
+	rationaleEnabled: !0,
+	spellCheckEnabled: !0,
+	studentInstructionsEnabled: !0,
+	teacherInstructions: "",
+	teacherInstructionsEnabled: !0,
+	toolbarEditorPosition: "bottom"
+};
+//#endregion
+export { e as default };

package/dist/controller/index.d.ts

@@ -0,0 +1,64 @@
+/**
+ * @synced-from pie-elements/packages/explicit-constructed-response/controller/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 prepareChoice: (mode: any, defaultFeedback: any) => (choice: any) => {
+    label: any;
+    value: any;
+};
+export declare const normalize: (question: any) => any;
+/**
+ *
+ * @param {*} question
+ * @param {*} session
+ * @param {*} env
+ */
+export declare function model(question: any, session: any, env: any): Promise<{
+    choices: any;
+    disabled: boolean;
+    displayType: any;
+    mode: any;
+    role: any;
+    feedback: any;
+    language: any;
+    markup: any;
+    maxLengthPerChoice: any;
+    maxLengthPerChoiceEnabled: any;
+    note: any;
+    playerSpellCheckEnabled: any;
+    prompt: any;
+    rationale: string;
+    responseCorrect: boolean | undefined;
+    showNote: boolean;
+    teacherInstructions: string;
+    responseAreaInputConfiguration: any;
+    extraCSSRules: any;
+}>;
+export declare const prepareVal: (html: any) => any;
+export declare const getScore: (config: any, session: any) => number;
+/**
+* Generates detailed trace log for scoring evaluation
+* @param {Object} model - the question model
+* @param {Object} session - the student session
+* @param {Object} env - the environment
+* @returns {Array} traceLog - array of trace messages
+*/
+export declare const getLogTrace: (model: any, session: any, env: any) => string[];
+/**
+ * The score is partial by default for checkbox mode, allOrNothing for radio mode.
+ * To disable partial scoring for checkbox mode you either set model.partialScoring = false or env.partialScoring =
+ * false. the value in `env` will override the value in `model`.
+ * @param {Object} model - the main model
+ * @param {boolean} model.partialScoring - is partial scoring enabled (if undefined set to to true)
+ * @param {*} session
+ * @param {Object} env
+ * @param {boolean} env.partialScoring - is partial scoring enabled (if undefined default to true) This overrides
+ *   `model.partialScoring`.
+ */
+export declare function outcome(model: any, session: any, env?: {}): Promise<unknown>;
+export declare const createCorrectResponseSession: (question: any, env: any) => Promise<unknown>;
+export declare const validate: (model?: {}, config?: {}) => {};

package/dist/controller/index.js

@@ -0,0 +1,142 @@
+import e from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/find.js";
+import t from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/map.js";
+import n from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/isEmpty.js";
+import r from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/reduce.js";
+import { require_he as i } from "../node_modules/.bun/he@1.2.0/node_modules/he/he.js";
+import a from "./defaults.js";
+import o from "@pie-lib/translator";
+import s from "debug";
+import { partialScoring as c } from "@pie-element/shared-controller-utils";
+//#region src/controller/index.ts
+var l = i(), { translator: u } = o, d = s("explicit-constructed-response:controller"), f = (e, t) => (n) => {
+	let r = {
+		label: n.label,
+		value: n.value
+	};
+	if (e === "evaluate") {
+		r.correct = !0;
+		let e = n.feedback && n.feedback.type || "none";
+		e === "default" ? r.feedback = t.correct : e === "custom" && (r.feedback = n.feedback.value);
+	}
+	return r;
+}, p = (e) => e ? "correct" : "incorrect", m = (e) => Math.abs(e) === Infinity ? 2 : e <= 2 ? e + 2 : e <= 4 ? e + 3 : e <= 6 ? e + 4 : e + 5, h = (e) => e ? e.replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, "\"").replace(/&#x27;|&#39;/g, "'").replace(/&amp;/g, "&") : "", g = (e) => ({
+	...a,
+	...e
+});
+async function _(i, o, s) {
+	i.choices && Object.keys(i.choices).forEach((e) => {
+		i.choices[e] = (i.choices[e] || []).map((e, t) => e.value ? e : (d("Choice does not contain \"value\" property, which is required.", e), {
+			value: `${t}`,
+			...e
+		}));
+	});
+	let c = g(i), l = Object.assign({
+		correct: "Correct",
+		incorrect: "Incorrect"
+	}, c.defaultFeedback), _ = f(s.mode, l), b = r(c.choices, (e, n, r) => (e[r] = t(n, _), e), {}), { value: x = {} } = o || {}, S = s.mode === "evaluate" ? r(c.choices, (t, r, i) => {
+		let a = x && x[i];
+		return t[i] = p(!n(a) && e(r, (e) => v(e.label) === v(a))), t;
+	}, {}) : {}, C = Object.values(b).some((e) => e?.length > 1), w = c.note || u.t("common:commonCorrectAnswerWithAlternates", { lng: c.language }), { maxLengthPerChoice: T = [], maxLengthPerChoiceEnabled: E } = c, D = !T.length;
+	Object.values(b).forEach((e, t) => {
+		let n = (e || []).map((e) => h(e.label || "").length), r = Math.max(...n);
+		(D || !T[t] || T[t] < r || T[t] > r + 10) && (T[t] = m(r));
+	});
+	let O = {
+		choices: b,
+		disabled: s.mode !== "gather",
+		displayType: c.displayType,
+		mode: s.mode,
+		role: s.role,
+		feedback: S,
+		language: c.language,
+		markup: c.markup,
+		maxLengthPerChoice: T,
+		maxLengthPerChoiceEnabled: E,
+		note: w,
+		playerSpellCheckEnabled: c.playerSpellCheckEnabled,
+		prompt: c.promptEnabled ? c.prompt : a.prompt,
+		rationale: a.rationale,
+		responseCorrect: s.mode === "evaluate" ? y(c, o) === 1 : void 0,
+		showNote: C,
+		teacherInstructions: a.teacherInstructions,
+		responseAreaInputConfiguration: c.responseAreaInputConfiguration,
+		extraCSSRules: c.extraCSSRules
+	};
+	return s.role === "instructor" && (s.mode === "view" || s.mode === "evaluate") && (O.rationale = c.rationaleEnabled ? c.rationale : a.rationale, O.teacherInstructions = c.teacherInstructionsEnabled ? c.teacherInstructions : a.teacherInstructions), O;
+}
+var v = (e) => w(C(e).trim()), y = (t, i) => {
+	let { value: a } = i || {};
+	if (!i || n(i) || !a) return 0;
+	let o = t.markup && t.markup.match(/\{\{(.+?)\}\}/g), s = o ? o.length : 0, c = r(t.choices, (t, r, i) => {
+		let o = a && a[i];
+		return n(o) || !e(r, (e) => v(e.label) === v(o)) ? t : t + 1;
+	}, 0), l = s ? (c / s).toFixed(2) : 0;
+	return parseFloat(l);
+}, b = (e, t, r) => {
+	let i = [], { value: a } = t || {}, { choices: o, markup: s } = e || {}, l = s ? s.match(/\{\{(.+?)\}\}/g) : [], u = l ? l.length : 0;
+	if (i.push(`${u} response area(s) defined in this question.`), a && Object.keys(a).length > 0) {
+		let e = Object.entries(a).filter(([e, t]) => t && t.trim()).length;
+		i.push(`Student filled ${e} out of ${u} response area(s).`), Object.keys(o || {}).forEach((e) => {
+			let t = a && a[e] || "", r = o[e] || [], s = !n(t.trim()) && r.some((e) => v(e.label) === v(t));
+			t.trim() ? i.push(`Response area ${parseInt(e) + 1}: ${s ? "CORRECT" : "INCORRECT"}.`) : i.push(`Response area ${parseInt(e) + 1}: left empty.`);
+		});
+	} else i.push("Student did not fill any response areas.");
+	if (Object.values(o || {}).some((e) => e.length > 1) && i.push("Alternate answers are accepted for some response areas."), c.enabled(e, r)) {
+		if (i.push("Score calculated using partial scoring."), i.push("Student receives credit for each correctly filled response area."), a && Object.keys(a).length > 0) {
+			let e = 0;
+			Object.keys(o || {}).forEach((t) => {
+				let r = a && a[t] || "", i = o[t] || [];
+				!n(r.trim()) && i.some((e) => v(e.label) === v(r)) && e++;
+			}), i.push(`Partial scoring: ${e} correct out of ${u} response areas.`);
+		}
+	} else i.push("Score calculated using all-or-nothing scoring."), i.push("Student must fill all response areas correctly to receive full credit.");
+	let d = y(e, t);
+	return i.push(`Score: ${d}.`), i;
+};
+function x(e, t, r = {}) {
+	return new Promise((i) => {
+		if (!t || n(t)) i({
+			score: 0,
+			empty: !0,
+			traceLog: ["Student did not fill any response areas. Score: 0."]
+		});
+		else {
+			let n = b(e, t, r), a = c.enabled(e, r), o = y(e, t);
+			i({
+				score: a ? o : +(o === 1),
+				empty: !1,
+				traceLog: n
+			});
+		}
+	});
+}
+var S = (e, t) => new Promise((n) => {
+	if (t.mode !== "evaluate" && t.role === "instructor") {
+		let { choices: t } = e, r = {};
+		Object.keys(t).forEach((e, n) => {
+			r[n] = t[e][0].label;
+		}), n({
+			id: "1",
+			value: r
+		});
+	} else n(null);
+}), C = (e) => typeof e == "string" ? typeof e.replaceAll == "function" ? e.replaceAll(/<[^>]*>/g, "") : e.replace(/<[^>]*>/g, "") : "", w = (e) => (0, l.decode)(e), T = (e) => (e || "").replace(/(<(?!img|iframe|source)([^>]+)>)/gi, ""), E = (e = {}, t = {}) => {
+	let { choices: r, markup: i } = e, { maxResponseAreas: a } = t, o = {}, s = {};
+	[
+		"teacherInstructions",
+		"prompt",
+		"rationale"
+	].forEach((n) => {
+		t[n]?.required && !T(e[n]) && (s[n] = "This field is required.");
+	}), Object.entries(r || {}).forEach(([e, t]) => {
+		let r = [...t || []].reverse(), i = {};
+		r.forEach((e, t) => {
+			let { value: n, label: a } = e;
+			a === "" || a === "<div></div>" ? i[n] = "Content should not be empty." : r.slice(t + 1).some((e) => e.label === a) && (i[n] = "Content should be unique.");
+		}), n(i) || (o[e] = i);
+	});
+	let c = (i.match(/\{\{(\d+)\}\}/g) || []).length;
+	return c > a ? s.responseAreas = `No more than ${a} response areas should be defined.` : c < 1 && (s.responseAreas = "There should be at least 1 response area defined."), n(o) || (s.choices = o), s;
+};
+//#endregion
+export { S as createCorrectResponseSession, b as getLogTrace, y as getScore, _ as model, g as normalize, x as outcome, f as prepareChoice, v as prepareVal, E as validate };

package/dist/delivery/index.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @synced-from pie-elements/packages/explicit-constructed-response/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 default class InlineDropdown extends HTMLElement {
+    constructor();
+    setLangAttribute(): void;
+    set model(m: any);
+    set session(s: any);
+    get session(): any;
+    _render: any;
+    dispatchChangedEvent: any;
+    changeSession: any;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+}