@pie-element/match 12.1.1-next.11 → 12.1.2-next.0

package/dist/controller/defaults.d.ts

@@ -0,0 +1,27 @@
+/**
+ * @synced-from pie-elements/packages/match/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: {
+    choiceMode: string;
+    feedbackEnabled: boolean;
+    headers: string[];
+    layout: number;
+    lockChoiceOrder: boolean;
+    partialScoring: boolean;
+    prompt: string;
+    promptEnabled: boolean;
+    rationale: string;
+    rationaleEnabled: boolean;
+    rows: never[];
+    scoringType: string;
+    studentInstructionsEnabled: boolean;
+    teacherInstructions: string;
+    teacherInstructionsEnabled: boolean;
+    toolbarEditorPosition: string;
+};
+export default _default;

package/dist/controller/defaults.js

@@ -0,0 +1,25 @@
+//#region src/controller/defaults.ts
+var e = {
+	choiceMode: "radio",
+	feedbackEnabled: !1,
+	headers: [
+		"Column 1",
+		"Column 2",
+		"Column 3"
+	],
+	layout: 3,
+	lockChoiceOrder: !0,
+	partialScoring: !1,
+	prompt: "",
+	promptEnabled: !0,
+	rationale: "",
+	rationaleEnabled: !0,
+	rows: [],
+	scoringType: "auto",
+	studentInstructionsEnabled: !0,
+	teacherInstructions: "",
+	teacherInstructionsEnabled: !0,
+	toolbarEditorPosition: "bottom"
+};
+//#endregion
+export { e as default };

package/dist/controller/index.d.ts

@@ -0,0 +1,29 @@
+/**
+ * @synced-from pie-elements/packages/match/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.
+ */
+/**
+ * Generates detailed trace log for match item scoring evaluation
+ * @param {Object} question
+ * @param {Object} session
+ * @param {Object} env
+ * @returns {Array<string>} traceLog
+ */
+export declare const getLogTrace: (question: any, session: any, env: any) => string[];
+export declare const outcome: (question: any, session: any, env: any) => Promise<unknown>;
+export declare function createDefaultModel(model?: {}): Promise<unknown>;
+export declare const normalize: (question: any) => any;
+/**
+ *
+ * @param {*} question
+ * @param {*} session
+ * @param {*} env
+ * @param {*} updateSession - optional - a function that will set the properties passed into it on the session.
+ */
+export declare function model(question: any, session: any, env: any, updateSession: any): Promise<any>;
+export declare const createCorrectResponseSession: (question: any, env: any) => Promise<unknown>;
+export declare const validate: (model?: {}, config?: {}) => {};

package/dist/controller/index.js

@@ -0,0 +1,156 @@
+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/isEqual.js";
+import r from "./defaults.js";
+import { getFeedbackForCorrectness as i } from "@pie-element/shared-feedback";
+import { getShuffledChoices as a, lockChoices as o, partialScoring as s } from "@pie-element/shared-controller-utils";
+import c from "debug";
+//#region src/controller/index.ts
+var l = c("@pie-element:match:controller"), u = (e, t, n = {}) => {
+	let r = s.enabled(e, n), i = e.rows, a = e.choiceMode === "checkbox";
+	if (!t || Object.keys(t).length === 0) return "unanswered";
+	let o = a ? h(e) : m(e), c, l = 0;
+	if (a) {
+		let e = f(i, t);
+		c = e.correctAnswers, l = e.incorrectAnswers;
+	} else c = p(i, t);
+	return o === c && !l ? "correct" : c === 0 ? "incorrect" : r ? "partial" : "incorrect";
+}, d = (e, t, n = {}) => {
+	if (t.mode === "evaluate") return u(e, n, t);
+}, f = (e, t) => {
+	let n = 0, r = 0;
+	return e.forEach((e) => {
+		let i = t[e.id];
+		i && e.values.forEach((e, t) => {
+			i[t] && i[t] === e ? n += 1 : i[t] && i[t] !== e && (r += 1);
+		});
+	}), {
+		correctAnswers: n,
+		incorrectAnswers: r
+	};
+}, p = (e, t) => {
+	let r = 0;
+	return e.forEach((e) => {
+		n(e.values, t[e.id]) && (r += 1);
+	}), r;
+}, m = (e) => {
+	let t = e.choiceMode === "checkbox" ? e.layout - 1 : 1;
+	return (e.rows.length || 0) * t;
+}, h = (e) => {
+	let t = 0;
+	return e.rows.forEach((e) => {
+		e.values.forEach((e) => {
+			e && (t += 1);
+		});
+	}), t;
+}, g = (e, t) => {
+	if (e.choiceMode === "checkbox") {
+		let { correctAnswers: n, incorrectAnswers: r } = f(e.rows, t), i = h(e), a = i === 0 ? 1 : i;
+		if (n + r > i) {
+			let e = n + r - i, t = parseFloat(((n - e) / a).toFixed(2));
+			return t < 0 ? 0 : t;
+		} else return parseFloat((n / a).toFixed(2));
+	} else {
+		let n = p(e.rows, t), r = m(e) === 0 ? 1 : m(e);
+		return parseFloat((n / r).toFixed(2));
+	}
+}, _ = (e, t, n = {}) => {
+	let r = d(e, t, n), i = s.enabled(e, t);
+	return r === "correct" ? 1 : r === "partial" && i ? g(e, n) : 0;
+}, v = (e, t, r) => {
+	let i = [], a = t?.answers || {}, o = e?.rows || [], c = e.choiceMode === "checkbox";
+	if (!a || Object.keys(a).length === 0) return i.push("Student did not provide any answer."), i;
+	i.push(`Match item contains ${o.length} row(s).`), i.push(`Matching mode: ${c ? "checkbox (multiple matches allowed)" : "radio (single match per row)"}.`);
+	let l = 0, u = 0, d = 0;
+	o.forEach((e) => {
+		let t = a[e.id], r = e.values || [];
+		c ? r.forEach((e, n) => {
+			e && d++, t && t[n] && (t[n] === e ? l++ : u++);
+		}) : (d++, t && (n(r, t) ? l++ : u++));
+	}), l > 0 && i.push(`${l} correct match(es) selected.`), u > 0 && i.push(`${u} incorrect match(es) selected.`), l === 0 && u === 0 && i.push("Student provided answers, but none matched the correct responses.");
+	let f = s.enabled(e, r);
+	f ? (i.push("Score calculated using partial scoring."), c ? (i.push("Score is based on the number of correct minus extra incorrect matches, divided by the total number of correct matches."), l + u > d && i.push("Extra selected matches beyond the correct set reduce the score.")) : i.push("Score is based on the number of correctly matched rows divided by the total number of rows.")) : (i.push("Score calculated using all-or-nothing scoring."), i.push("Student must match all rows correctly to receive full credit."));
+	let p = _(e, r, a), m = f ? p : +(p === 1);
+	return i.push(`Final score: ${m}.`), i;
+}, y = (e, n, r) => new Promise((i) => {
+	r.mode === "evaluate" ? ((!n || t(n)) && i({
+		score: 0,
+		empty: !0,
+		logTrace: ["Student did not provide any answer."]
+	}), i({
+		score: _(e, r, n.answers),
+		empty: !1,
+		logTrace: v(e, n, r)
+	})) : i({
+		score: void 0,
+		completed: void 0,
+		logTrace: []
+	});
+});
+function b(e = {}) {
+	return new Promise((t) => {
+		t({
+			...r,
+			...e
+		});
+	});
+}
+var x = (e) => ({
+	...r,
+	...e
+});
+async function S(n, r, s, c) {
+	let u = e(x(n)), f, p;
+	(!r || t(r)) && s.mode === "evaluate" ? (f = "unanswered", p = "0%") : (f = d(u, s, r && r.answers), p = `${_(u, s, r && r.answers) * 100}%`);
+	let m = {}, h = {
+		score: p,
+		correctness: f
+	}, g = o(u, r, s);
+	g || (u.rows = await a(u.rows, r, c, "id")), u.rows.forEach((e) => {
+		m[e.id] = e.values, s.mode !== "evaluate" && delete e.values;
+	});
+	let v = s.mode === "evaluate" && u.feedbackEnabled ? await i(h.correctness, u.feedback) : void 0, { extraCSSRules: y, feedbackEnabled: b, promptEnabled: S, prompt: C, lockChoiceOrder: w, ...T } = u, E = {
+		...T,
+		extraCSSRules: y,
+		allowFeedback: b,
+		prompt: S ? C : null,
+		shuffled: !g,
+		feedback: v,
+		disabled: s.mode !== "gather",
+		view: s.mode === "view"
+	};
+	return s.role === "instructor" && (s.mode === "view" || s.mode === "evaluate") ? (E.teacherInstructions = u.teacherInstructionsEnabled ? u.teacherInstructions : null, E.rationale = u.rationaleEnabled ? u.rationale : null) : (E.rationale = null, E.teacherInstructions = null), s.mode === "evaluate" && Object.assign(E, {
+		correctResponse: m,
+		correctness: h
+	}), l("out: ", E), E;
+}
+var C = (e, t) => new Promise((n) => {
+	if (t.mode !== "evaluate" && t.role === "instructor") {
+		let { rows: t } = e, r = {};
+		t.forEach((e) => {
+			r[e.id] = e.values;
+		}), n({
+			answers: r,
+			id: "1"
+		});
+	} else n(null);
+}), w = (e) => (e || "").replaceAll(/<[^>]*>/g, ""), T = (e) => (e || "").replace(/(<(?!img|iframe|source)([^>]+)>)/gi, ""), E = (e = {}, t = {}) => {
+	let { rows: n, choiceMode: r, headers: i } = e, { minQuestions: a, maxQuestions: o, maxLengthQuestionsHeading: s, maxAnswers: c, maxLengthAnswers: l, maxLengthFirstColumnHeading: u } = t, d = {}, f = {}, p = {};
+	[
+		"teacherInstructions",
+		"prompt",
+		"rationale"
+	].forEach((n) => {
+		t[n]?.required && !T(e[n]) && (p[n] = "This field is required.");
+	}), n.length < a ? p.noOfRowsError = `There should be at least ${a} question rows.` : n.length > o && (p.noOfRowsError = `No more than ${o} question rows should be defined.`), (n || []).forEach((e, t) => {
+		let { id: r, values: i = [], title: a } = e;
+		d[r] = "", s && w(a).length > s && (d[r] += `Content length should be maximum ${s} characters. `), T(a) ? n.slice(0, t).some((e) => T(e.title) === T(a)) && (d[r] += "Content should be unique. ") : d[r] += "Content should not be empty. ", i.some((e) => !!e) || (d[r] += "No correct response defined.");
+	}), c && i.length - 1 > c && (p.columnsLengthError = `There should be maximum ${c} answers.`), u && i[0].length > u && (f[0] = `Content length should be maximum ${u} characters.`);
+	let m = (i || []).map((e) => T(e));
+	return m.shift(), m.forEach((e, t) => {
+		let n = t + 1;
+		f[n] = "", l && w(e).length > l && (f[n] += `Content length should be maximum ${l} characters. `), e ? m.slice(0, t).some((t) => t === e) && (f[t + 1] += "Content should be unique.") : f[n] += "Content should not be empty.";
+	}), Object.values(d).some((e) => (e || "").length) && (p.rowsErrors = d, Object.values(d).some((e) => (e || "").includes("No correct response defined.")) && (p.correctResponseError = r === "radio" ? "There should be a correct response defined for every row." : "There should be at least one correct response defined for every row.")), Object.values(f).some((e) => (e || "").length) && (p.columnsErrors = f), p;
+};
+//#endregion
+export { C as createCorrectResponseSession, b as createDefaultModel, v as getLogTrace, S as model, x as normalize, y as outcome, E as validate };

package/dist/delivery/answer-grid.d.ts

@@ -0,0 +1,28 @@
+/**
+ * @synced-from pie-elements/packages/match/src/answer-grid.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 AnswerGrid extends React.Component {
+    static propTypes: {
+        correctAnswers: PropTypes.Requireable<object>;
+        view: PropTypes.Validator<boolean>;
+        showCorrect: PropTypes.Validator<boolean>;
+        disabled: PropTypes.Validator<boolean>;
+        onAnswerChange: PropTypes.Validator<(...args: any[]) => any>;
+        choiceMode: PropTypes.Validator<string>;
+        rows: PropTypes.Validator<any[]>;
+        headers: PropTypes.Validator<any[]>;
+        answers: PropTypes.Validator<object>;
+    };
+    onRowValueChange: (rowId: any, answerIndex: any) => (event: any) => void;
+    answerIsCorrect: any;
+    answerIsIncorrect: any;
+    render(): React.JSX.Element;
+}
+export default AnswerGrid;

package/dist/delivery/answer-grid.js

@@ -0,0 +1,99 @@
+import e from "react";
+import t from "prop-types";
+import { color as n } from "@pie-lib/render-ui";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import a from "@mui/material/Radio";
+import o from "@mui/material/Checkbox";
+import s from "@mui/material/Typography";
+import { styled as c } from "@mui/material/styles";
+//#region src/delivery/answer-grid.tsx
+var l = c("div")(({ theme: e }) => ({
+	marginLeft: "auto",
+	marginRight: "auto",
+	marginTop: e.spacing(1),
+	marginBottom: e.spacing(1)
+})), u = c("td")({ padding: "5px 0" }), d = c(s)(({ theme: e }) => ({ margin: e.spacing(2) })), f = c("th")({ padding: 0 }), p = c("div")(({ theme: e, isQuestionText: t }) => ({
+	padding: e.spacing(1.5),
+	textAlign: t ? "left" : "center"
+})), m = c("tr")({
+	border: 0,
+	borderTop: `2.5px solid ${n.primaryLight()}`,
+	width: "100%"
+}), h = c("table")({
+	color: n.text(),
+	backgroundColor: n.background(),
+	borderCollapse: "collapse",
+	borderSpacing: 0,
+	marginBottom: 0
+}), g = class extends e.Component {
+	static propTypes = {
+		correctAnswers: t.object,
+		view: t.bool.isRequired,
+		showCorrect: t.bool.isRequired,
+		disabled: t.bool.isRequired,
+		onAnswerChange: t.func.isRequired,
+		choiceMode: t.string.isRequired,
+		rows: t.array.isRequired,
+		headers: t.array.isRequired,
+		answers: t.object.isRequired
+	};
+	onRowValueChange = (e, t) => (n) => {
+		let { onAnswerChange: r, choiceMode: i, answers: a } = this.props, o = { ...a };
+		if (i === "radio") for (let t = 0; t < o[e].length; t++) o[e][t] = !1;
+		o[e][t] = n.target.checked, r(o);
+	};
+	answerIsCorrect = (e, t, n) => {
+		let { correctAnswers: r } = this.props;
+		return r[e][n] === t && t === !0;
+	};
+	answerIsIncorrect = (e, t, n) => {
+		let { correctAnswers: r } = this.props;
+		return r[e][n] === !0 && t === !1 || r[e][n] === !1 && t === !0;
+	};
+	render() {
+		let { showCorrect: e, headers: t, rows: s, choiceMode: c, answers: g, disabled: _, view: v } = this.props, y = c === "radio" ? a : o, b = _ && !v;
+		return !s || s.length === 0 ? /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(d, {
+			component: "div",
+			children: "There are currently no questions to show."
+		}) }) : /* @__PURE__ */ r(l, { children: /* @__PURE__ */ i(h, { children: [
+			/* @__PURE__ */ r("colgroup", { children: (t || []).map((e, t) => /* @__PURE__ */ r("col", {}, `col-${t}`)) }),
+			/* @__PURE__ */ r("thead", { children: /* @__PURE__ */ r("tr", { children: (t || []).map((e, t) => /* @__PURE__ */ r(f, {
+				"data-colno": `${t}`,
+				scope: "row",
+				children: /* @__PURE__ */ r(p, {
+					isQuestionText: t === 0,
+					dangerouslySetInnerHTML: { __html: e }
+				})
+			}, `th-${t}`)) }) }),
+			(s || []).map((t, a) => /* @__PURE__ */ r("tbody", {
+				role: "group",
+				children: /* @__PURE__ */ i(m, { children: [/* @__PURE__ */ r("td", {
+					"data-colno": "0",
+					children: /* @__PURE__ */ r(p, {
+						isQuestionText: !0,
+						dangerouslySetInnerHTML: { __html: t.title }
+					})
+				}, `td-title-${a}`), (g[t.id] || []).map((i, o) => /* @__PURE__ */ r(u, {
+					"data-colno": `${o + 1}`,
+					children: /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r(y, {
+						sx: {
+							padding: "6px",
+							color: e && i === !0 || b && this.answerIsCorrect(t.id, i, o) ? n.correct() : b && this.answerIsIncorrect(t.id, i, o) ? n.incorrect() : i === !0 && !b ? n.primary() : _ ? n.disabled() : n.text(),
+							cursor: _ ? "not-allowed" : "pointer",
+							pointerEvents: _ ? "initial" : "auto",
+							opacity: _ ? .7 : 1,
+							"& input": { width: "100% !important" },
+							"&:hover": { color: _ ? n.disabled() : n.primaryLight() },
+							"&.Mui-disabled": { color: `${e && i === !0 || b && this.answerIsCorrect(t.id, i, o) ? n.correct() : b && this.answerIsIncorrect(t.id, i, o) ? n.incorrect() : i === !0 && !b ? n.primary() : n.disabled()}` }
+						},
+						disabled: _,
+						onChange: this.onRowValueChange(t.id, o),
+						checked: i === !0
+					}) })
+				}, `td-${a}-${o}`))] })
+			}, `row-${a}`))
+		] }) });
+	}
+};
+//#endregion
+export { g as default };

package/dist/delivery/index.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @synced-from pie-elements/packages/match/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.
+ */
+import Main from './main.js';
+export { Main as Component };
+export declare const isComplete: (session: any, model: any) => any;
+export default class Match extends HTMLElement {
+    constructor();
+    set model(m: any);
+    set session(s: any);
+    get session(): any;
+    sessionChanged(s: any): void;
+    connectedCallback(): void;
+    _render(): void;
+    disconnectedCallback(): void;
+}

package/dist/delivery/index.js

@@ -0,0 +1,51 @@
+import e from "./main.js";
+import t from "react";
+import { createRoot as n } from "react-dom/client";
+import { SessionChangedEvent as r } from "@pie-element/shared-player-events";
+import { renderMath as i } from "@pie-element/shared-math-rendering-mathjax";
+//#region src/delivery/index.ts
+var a = (e, t) => (t?.rows?.map((e) => e.id) || []).reduce((t, n) => {
+	if (!t) return !1;
+	let r = e.answers && e.answers[n];
+	return Array.isArray(r) && r.includes(!0) && t;
+}, !0), o = class extends HTMLElement {
+	constructor() {
+		super(), this._root = null;
+	}
+	set model(e) {
+		this._model = {
+			...e,
+			...e?.config || {}
+		}, this._render();
+	}
+	set session(e) {
+		this._session = e, this._render();
+	}
+	get session() {
+		return this._session;
+	}
+	sessionChanged(e) {
+		this._session.answers = e.answers;
+		let t = a(this._session, this._model);
+		this.dispatchEvent(new r(this.tagName.toLowerCase(), t)), this._render();
+	}
+	connectedCallback() {
+		this._render();
+	}
+	_render() {
+		if (!this._model || !this._session) return;
+		let r = t.createElement(e, {
+			model: this._model,
+			session: this._session,
+			onSessionChange: this.sessionChanged.bind(this)
+		});
+		this._root ||= n(this), this._root.render(r), queueMicrotask(() => {
+			i(this);
+		});
+	}
+	disconnectedCallback() {
+		this._root && this._root.unmount();
+	}
+};
+//#endregion
+export { e as Component, o as default, a as isComplete };

package/dist/delivery/main.d.ts

@@ -0,0 +1,26 @@
+/**
+ * @synced-from pie-elements/packages/match/src/main.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 Main extends React.Component {
+    static propTypes: {
+        session: PropTypes.Validator<object>;
+        onSessionChange: PropTypes.Requireable<(...args: any[]) => any>;
+        model: PropTypes.Validator<object>;
+    };
+    constructor(props: any);
+    generateAnswers: any;
+    isAnswerRegenerationRequired: any;
+    UNSAFE_componentWillReceiveProps(nextProps: any): void;
+    callOnSessionChange: any;
+    toggleShowCorrect: any;
+    onAnswerChange: any;
+    render(): React.JSX.Element;
+}
+export default Main;

package/dist/delivery/main.js

@@ -0,0 +1,112 @@
+import e from "./answer-grid.js";
+import t from "react";
+import n from "prop-types";
+import r from "@pie-lib/correct-answer-toggle";
+import * as i from "@pie-lib/render-ui";
+import { Collapsible as a, Feedback as o, PreviewPrompt as s, UiLayout as c, hasMedia as l, hasText as u } from "@pie-lib/render-ui";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { styled as p } from "@mui/material/styles";
+//#region src/delivery/main.tsx
+function m(e) {
+	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
+}
+function h(e, t) {
+	return !e || m(e) ? e : m(e.default) ? e.default : t && m(e[t]) ? e[t] : t && m(e[t]?.default) ? e[t].default : e;
+}
+var g = h(c, "UiLayout") || h(S.UiLayout, "UiLayout"), _ = h(s, "PreviewPrompt") || h(S.PreviewPrompt, "PreviewPrompt"), v = h(o, "Feedback") || h(S.Feedback, "Feedback"), y = h(a, "Collapsible") || h(S.Collapsible, "Collapsible"), b = i, x = b.default, S = x && typeof x == "object" ? x : b, C = p("div")({ verticalAlign: "middle" }), w = p(y)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), T = class extends t.Component {
+	static propTypes = {
+		session: n.object.isRequired,
+		onSessionChange: n.func,
+		model: n.object.isRequired
+	};
+	constructor(e) {
+		super(e), this.state = {
+			session: {
+				...e.session,
+				answers: e.session && e.session.answers || this.generateAnswers(e.model)
+			},
+			showCorrect: !1
+		}, this.callOnSessionChange();
+	}
+	generateAnswers = (e) => {
+		let t = {};
+		return e.rows?.forEach((n) => {
+			t[n.id] = Array(e.layout - 1).fill(!1);
+		}), t;
+	};
+	isAnswerRegenerationRequired = (e) => {
+		let { model: { choiceMode: t, layout: n, rows: r } = {} } = this.props, { session: { answers: i } = {} } = e, a = !1;
+		return t !== e.model.choiceMode && (a = !0), n !== e.model.layout && (a = !0), (r.length !== e.model.rows.length || i && e.model.rows.length !== Object.keys(i).length) && (a = !0), a || !i;
+	};
+	UNSAFE_componentWillReceiveProps(e) {
+		let t = this.isAnswerRegenerationRequired(e);
+		this.setState((n) => ({
+			session: {
+				...e.session,
+				answers: t ? this.generateAnswers(e.model) : e.session.answers
+			},
+			showCorrect: this.props.model.disabled && !e.model.disabled && n.showCorrect ? !1 : n.showCorrect
+		}), () => {
+			t && this.callOnSessionChange();
+		});
+	}
+	callOnSessionChange = () => {
+		let { onSessionChange: e } = this.props;
+		e && e(this.state.session);
+	};
+	toggleShowCorrect = (e) => {
+		this.setState({ showCorrect: e });
+	};
+	onAnswerChange = (e) => {
+		this.setState((t) => ({ session: {
+			...t.session,
+			answers: e
+		} }), this.callOnSessionChange);
+	};
+	render() {
+		let { model: t } = this.props, { showCorrect: n, session: i } = this.state, { correctness: a = {}, extraCSSRules: o, language: s } = t, c = a.correctness && a.correctness !== "correct", p = t.rationale && (u(t.rationale) || l(t.rationale));
+		return /* @__PURE__ */ f(g, {
+			extraCSSRules: o,
+			children: [
+				t.teacherInstructions && (u(t.teacherInstructions) || l(t.teacherInstructions)) && /* @__PURE__ */ d(w, {
+					labels: {
+						hidden: "Show Teacher Instructions",
+						visible: "Hide Teacher Instructions"
+					},
+					children: /* @__PURE__ */ d(_, { prompt: t.teacherInstructions })
+				}),
+				t.prompt && /* @__PURE__ */ d(C, { children: /* @__PURE__ */ d(_, { prompt: t.prompt }) }),
+				/* @__PURE__ */ d(r, {
+					language: s,
+					show: c,
+					toggled: n,
+					onToggle: this.toggleShowCorrect
+				}),
+				/* @__PURE__ */ d(e, {
+					showCorrect: n,
+					correctAnswers: t.correctResponse,
+					disabled: t.disabled,
+					view: t.view,
+					onAnswerChange: this.onAnswerChange,
+					choiceMode: t.choiceMode,
+					answers: n ? t.correctResponse || {} : i.answers,
+					headers: t.headers,
+					rows: t.rows
+				}),
+				p && /* @__PURE__ */ d(y, {
+					labels: {
+						hidden: "Show Rationale",
+						visible: "Hide Rationale"
+					},
+					children: /* @__PURE__ */ d(_, { prompt: t.rationale })
+				}),
+				t.feedback && /* @__PURE__ */ d(v, {
+					correctness: a.correctness,
+					feedback: t.feedback
+				})
+			]
+		});
+	}
+};
+//#endregion
+export { T as default };

package/dist/index.d.ts

@@ -0,0 +1 @@
+export { default } from './delivery/index.js';

package/dist/index.iife.d.ts

@@ -0,0 +1,8 @@
+/**
+ * IIFE entry point for match element
+ * This file is only used for IIFE builds and includes auto-registration
+ *
+ * @sync-generated - Auto-generated during sync from pie-elements
+ */
+import Element from './index.js';
+export default Element;