@pie-element/select-text 13.4.0-beta.7 → 14.0.0-next.20261002094057

package/dist/browser/print/index.js

@@ -0,0 +1,43 @@
+import { b as e, c as t, g as n } from "../dist-BamN0-DG.js";
+import { w as r } from "../Check-Ci4LDjFB.js";
+import { t as i } from "../main-KepLpD8x.js";
+import a from "react";
+import { createRoot as o } from "react-dom/client";
+var s = (0, (/* @__PURE__ */ e(n(), 1)).default)("pie-element:select-text:print"), c = (e, t) => {
+	let n = t.role === "instructor";
+	return e.prompt = e.promptEnabled === !1 ? void 0 : e.prompt, e.teacherInstructions = n && e.teacherInstructionsEnabled !== !1 ? e.teacherInstructions : void 0, e.rationale = n && e.rationaleEnabled !== !1 ? e.rationale : void 0, e.showTeacherInstructions = n, e.alwaysShowCorrect = n, e.mode = n ? "evaluate" : e.mode, e.disabled = !0, e.animationsDisabled = !0, e.highlightChoices = !0, e.feedback = void 0, e;
+}, l = class extends HTMLElement {
+	constructor() {
+		super(), this._options = null, this._model = null, this._session = {}, this._session.selectedTokens = [], this._root = null, this._rerender = t(() => {
+			if (this._model && this._session) {
+				let e = c(this._model, this._options), t = this._options && a.createElement(i, {
+					model: e,
+					session: { selectedTokens: [] },
+					onSelectionChange: () => {}
+				});
+				this._root ||= o(this), this._root.render(t), queueMicrotask(() => {
+					s("render complete - render math"), r(this);
+				});
+			} else s("skip");
+		}, 50, {
+			leading: !1,
+			trailing: !0
+		});
+	}
+	set options(e) {
+		this._options = e;
+	}
+	set model(e) {
+		this._model = e, this._rerender();
+	}
+	connectedCallback() {
+		this._rerender();
+	}
+	disconnectedCallback() {
+		this._rerender.cancel(), this._root &&= (this._root.unmount(), null);
+	}
+};
+//#endregion
+export { l as default };
+
+//# sourceMappingURL=index.js.map

package/dist/browser/print/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/print/index.tsx"],"sourcesContent":["// @ts-nocheck\n/**\n * @synced-from pie-elements/packages/select-text/src/print.js\n * @auto-generated\n *\n * This file is automatically synced from pie-elements and converted to TypeScript.\n * Manual edits will be overwritten on next sync.\n * To make changes, edit the upstream JavaScript file and run sync again.\n */\n\nimport React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { debounce } from '@pie-element/shared-lodash';\nimport Main from '../delivery/main.js';\nimport { renderMath } from '@pie-element/shared-math-rendering-mathjax';\nimport debug from 'debug';\n\nconst log = debug('pie-element:select-text:print');\n\n/**\n * Live in same package as main element - so we can access some of the shared comps!\n *\n * - update pslb to build print if src/print.js is there\n * - update demo el\n * - get configure/controller building\n */\n\nconst preparePrintModel = (model, opts) => {\n  const instr = opts.role === 'instructor';\n\n  model.prompt = model.promptEnabled !== false ? model.prompt : undefined;\n  model.teacherInstructions =\n    instr && model.teacherInstructionsEnabled !== false ? model.teacherInstructions : undefined;\n  model.rationale = instr && model.rationaleEnabled !== false ? model.rationale : undefined;\n  model.showTeacherInstructions = instr;\n  model.alwaysShowCorrect = instr;\n  model.mode = instr ? 'evaluate' : model.mode;\n\n  model.disabled = true;\n  model.animationsDisabled = true;\n  model.highlightChoices = true;\n  model.feedback = undefined;\n\n  return model;\n};\n\nexport default class SelectTextPrint extends HTMLElement {\n  constructor() {\n    super();\n    this._options = null;\n    this._model = null;\n    this._session = {};\n    this._session.selectedTokens = [];\n    this._root = null;\n    this._rerender = debounce(\n      () => {\n        if (this._model && this._session) {\n          const printModel = preparePrintModel(this._model, this._options);\n\n          const element =\n            this._options &&\n            React.createElement(Main, {\n              model: printModel,\n              session: { selectedTokens: [] },\n              onSelectionChange: () => {},\n            });\n\n          if (!this._root) {\n            this._root = createRoot(this);\n          }\n          this._root.render(element);\n          queueMicrotask(() => {\n            log('render complete - render math');\n            renderMath(this);\n          });\n        } else {\n          log('skip');\n        }\n      },\n      50,\n      { leading: false, trailing: true },\n    );\n  }\n  set options(o) {\n    this._options = o;\n  }\n\n  set model(s) {\n    this._model = s;\n    this._rerender();\n  }\n\n  connectedCallback() {\n    // Disconnecting unmounts the React root, so a reinserted element renders again.\n    this._rerender();\n  }\n\n  disconnectedCallback() {\n    this._rerender.cancel();\n    if (this._root) {\n      this._root.unmount();\n      this._root = null;\n    }\n  }\n}\n"],"mappings":";;;;;AAiBA,IAAM,KAAA,IAAA,wBAAA,EAAA,CAAA,QAAA,CAAY,+BAA+B,GAU3C,KAAqB,GAAO,MAAS;CACzC,IAAM,IAAQ,EAAK,SAAS;CAe5B,OAbA,EAAM,SAAS,EAAM,kBAAkB,KAAuB,KAAA,IAAf,EAAM,QACrD,EAAM,sBACJ,KAAS,EAAM,+BAA+B,KAAQ,EAAM,sBAAsB,KAAA,GACpF,EAAM,YAAY,KAAS,EAAM,qBAAqB,KAAQ,EAAM,YAAY,KAAA,GAChF,EAAM,0BAA0B,GAChC,EAAM,oBAAoB,GAC1B,EAAM,OAAO,IAAQ,aAAa,EAAM,MAExC,EAAM,WAAW,IACjB,EAAM,qBAAqB,IAC3B,EAAM,mBAAmB,IACzB,EAAM,WAAW,KAAA,GAEV;AACT,GAEqB,IAArB,cAA6C,YAAY;CACvD,cAAc;EAOZ,AANA,MAAM,GACN,KAAK,WAAW,MAChB,KAAK,SAAS,MACd,KAAK,WAAW,CAAC,GACjB,KAAK,SAAS,iBAAiB,CAAC,GAChC,KAAK,QAAQ,MACb,KAAK,YAAY,QACT;GACJ,IAAI,KAAK,UAAU,KAAK,UAAU;IAChC,IAAM,IAAa,EAAkB,KAAK,QAAQ,KAAK,QAAQ,GAEzD,IACJ,KAAK,YACL,EAAM,cAAc,GAAM;KACxB,OAAO;KACP,SAAS,EAAE,gBAAgB,CAAC,EAAE;KAC9B,yBAAyB,CAAC;IAC5B,CAAC;IAMH,AAJA,AACE,KAAK,UAAQ,EAAW,IAAI,GAE9B,KAAK,MAAM,OAAO,CAAO,GACzB,qBAAqB;KAEnB,AADA,EAAI,+BAA+B,GACnC,EAAW,IAAI;IACjB,CAAC;GACH,OACE,EAAI,MAAM;EAEd,GACA,IACA;GAAE,SAAS;GAAO,UAAU;EAAK,CACnC;CACF;CACA,IAAI,QAAQ,GAAG;EACb,KAAK,WAAW;CAClB;CAEA,IAAI,MAAM,GAAG;EAEX,AADA,KAAK,SAAS,GACd,KAAK,UAAU;CACjB;CAEA,oBAAoB;EAElB,KAAK,UAAU;CACjB;CAEA,uBAAuB;EAErB,AADA,KAAK,UAAU,OAAO,GACtB,AAEE,KAAK,WADL,KAAK,MAAM,QAAQ,GACN;CAEjB;AACF"}

package/dist/controller/defaults.d.ts

@@ -0,0 +1,27 @@
+/**
+ * @synced-from pie-elements/packages/select-text/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: {
+    feedbackEnabled: boolean;
+    highlightChoices: boolean;
+    maxSelections: number;
+    mode: string;
+    partialScoring: boolean;
+    prompt: string;
+    promptEnabled: boolean;
+    rationale: string;
+    rationaleEnabled: boolean;
+    scoringType: string;
+    studentInstructionsEnabled: boolean;
+    teacherInstructions: string;
+    teacherInstructionsEnabled: boolean;
+    text: string;
+    tokens: never[];
+    toolbarEditorPosition: string;
+};
+export default _default;

package/dist/controller/defaults.js

@@ -0,0 +1,21 @@
+//#region src/controller/defaults.ts
+var e = {
+	feedbackEnabled: !1,
+	highlightChoices: !1,
+	maxSelections: 0,
+	mode: "sentence",
+	partialScoring: !1,
+	prompt: "",
+	promptEnabled: !0,
+	rationale: "",
+	rationaleEnabled: !0,
+	scoringType: "auto",
+	studentInstructionsEnabled: !0,
+	teacherInstructions: "",
+	teacherInstructionsEnabled: !0,
+	text: "",
+	tokens: [],
+	toolbarEditorPosition: "bottom"
+};
+//#endregion
+export { e as default };

package/dist/controller/index.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @synced-from pie-elements/packages/select-text/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 getCorrectness: (tokens: any, selected: any) => "unknown" | "correct" | "partially-correct" | "incorrect";
+export declare const getPartialScore: (question: any, session: any, totalCorrect: any) => number;
+/**
+ * Generates detailed trace log for select-text scoring evaluation
+ * @param {Object} question - the question model
+ * @param {Object} session - the student session
+ * @param {Object} env - the environment
+ * @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 normalizeSession: (session: any) => any;
+export declare const normalize: (question: any) => any;
+export declare const model: (question: any, session: any, env: any) => 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,121 @@
+import e from "./defaults.js";
+import t from "debug";
+import { isEmpty as n } from "@pie-element/shared-lodash";
+import { getFeedbackForCorrectness as r } from "@pie-element/shared-feedback";
+import { partialScoring as i } from "@pie-element/shared-controller-utils";
+//#region src/controller/index.ts
+var a = t("@pie-element:select-text:controller"), o = (e = {}, t = {}) => e?.start === t?.start && e?.end === t?.end || e?.start === t?.oldStart && e?.end === t?.oldEnd, s = (e = [], t = [], n = !1) => (e || []).map((e) => {
+	let r = !!e.correct, i = r && !(t || []).find((t) => o(e, t));
+	return {
+		...e,
+		correct: n ? r : void 0,
+		isMissing: n ? i : void 0
+	};
+}), c = (e, t) => {
+	let n = e.filter((e) => e.correct === !0);
+	if (n.length === 0) return "unknown";
+	let r = l(e, t);
+	if (r.length === t.length) {
+		if (r.length === n.length) return "correct";
+		if (r.length > 0) return "partially-correct";
+	}
+	return r.length > 0 ? "partially-correct" : "incorrect";
+}, l = (e, t) => (t || []).filter((t) => e.findIndex((e) => e.correct && o(e, t)) !== -1), u = (e, t, r) => {
+	if (!t || n(t)) return 0;
+	let i = l(e.tokens, t.selectedTokens).length, a = (e.tokens || []).filter((e) => e.correct === !0), o = i - (t.selectedTokens && t.selectedTokens.length > a.length ? t.selectedTokens && t.selectedTokens.length - i : 0), s = o < 0 ? 0 : o;
+	return r.length ? parseFloat((s / r.length).toFixed(2)) : 0;
+}, d = (e, t, n) => {
+	let r = [], a = t?.selectedTokens || [], s = e?.tokens || [];
+	if (a.length === 0) return r.push("Student did not select any token."), r;
+	r.push(`Student selected ${a.length} token(s).`);
+	let c = 0, l = 0, d = 0;
+	for (let e = 0; e < s.length; e++) {
+		let t = s[e];
+		t.correct && (c++, a.some((e) => o(t, e)) ? l++ : d++);
+	}
+	let f = a.length - l;
+	l > 0 && r.push(`${l} correct token(s) selected.`), f > 0 && r.push(`${f} incorrect token(s) selected.`), d > 0 && r.push(`${d} required correct token(s) were not selected.`);
+	let p = i.enabled(e, n, !0);
+	p ? (r.push("Score calculated using partial scoring."), r.push("Score is based on the number of correct minus incorrect selections, divided by the total number of correct tokens."), f > 0 && a.length > c && r.push("Extra selected tokens beyond the correct set reduce the score.")) : (r.push("Score calculated using all-or-nothing scoring."), r.push("Student must select all correct tokens and no incorrect tokens to receive full credit."));
+	let m = u(e, t, s.filter((e) => e.correct)), h = p ? m : +(m === 1);
+	return r.push(`Final score: ${h}.`), r;
+}, f = (e, t, r) => new Promise((a) => {
+	if ((!t || n(t)) && a({
+		score: 0,
+		empty: !0,
+		logTrace: ["Student did not select any token."]
+	}), t = m(t), r.mode !== "evaluate") a({
+		score: void 0,
+		completed: void 0,
+		logTrace: []
+	});
+	else {
+		let n = i.enabled(e, r, !0), o = e.tokens.filter((e) => e.correct), s = u(e, t, o);
+		a({
+			score: n ? s : +(s === 1),
+			logTrace: d(e, t, r)
+		});
+	}
+});
+function p(t = {}) {
+	return new Promise((n) => {
+		n({
+			...e,
+			...t
+		});
+	});
+}
+var m = (e) => ({
+	selectedTokens: [],
+	...e
+}), h = (t) => ({
+	...e,
+	...t
+}), g = (e, t, n) => {
+	t ||= { selectedToken: [] }, t.selectedTokens = t.selectedTokens || [];
+	let i = h(e);
+	return new Promise((e) => {
+		a("[model]", "normalizedQuestion: ", i), a("[model]", "session: ", t);
+		let o = s(i.tokens, t.selectedTokens, n.mode === "evaluate");
+		a("[model] tokens:", o);
+		let l = n.mode === "evaluate" ? c(i.tokens, t.selectedTokens) : void 0;
+		(n.mode === "evaluate" && i.feedbackEnabled ? r(l, i.feedback) : Promise.resolve(void 0)).then((t) => {
+			let r = {
+				tokens: o,
+				highlightChoices: i.highlightChoices,
+				prompt: i.promptEnabled ? i.prompt : null,
+				text: i.text,
+				disabled: n.mode !== "gather",
+				maxSelections: i.maxSelections,
+				correctness: l,
+				env: n,
+				feedback: t,
+				incorrect: n.mode === "evaluate" ? l !== "correct" : void 0,
+				language: i.language,
+				extraCSSRules: i.extraCSSRules
+			};
+			n.role === "instructor" && (n.mode === "view" || n.mode === "evaluate") ? (r.rationale = i.rationaleEnabled ? i.rationale : null, r.teacherInstructions = i.teacherInstructionsEnabled ? i.teacherInstructions : null) : (r.rationale = null, r.teacherInstructions = null), e(r);
+		});
+	});
+}, _ = (e, t) => new Promise((n) => {
+	if (t.mode !== "evaluate" && t.role === "instructor") {
+		let { tokens: t } = e;
+		n({
+			id: "1",
+			selectedTokens: t.filter((e) => e.correct)
+		});
+	} else n(null);
+}), v = (e) => (e || "").replace(/(<(?!img|iframe|source)([^>]+)>)/gi, ""), y = (e = {}, t = {}) => {
+	let { tokens: n } = e, { minTokens: r = 2, maxTokens: i, maxSelections: a } = t, o = {}, s = (n || []).length;
+	[
+		"teacherInstructions",
+		"prompt",
+		"rationale"
+	].forEach((n) => {
+		t[n]?.required && !v(e[n]) && (o[n] = "This field is required.");
+	});
+	let c = (n || []).reduce((e, t) => t.correct ? e + 1 : e, 0);
+	return s < r ? o.tokensError = `There should be at least ${r} tokens defined.` : s > i && (o.tokensError = `No more than ${i} tokens should be defined.`), c < 1 ? o.selectionsError = "There should be at least 1 token selected." : c > a && (o.selectionsError = `No more than ${a} tokens should be selected.`), o;
+};
+//#endregion
+export { _ as createCorrectResponseSession, p as createDefaultModel, c as getCorrectness, d as getLogTrace, u as getPartialScore, g as model, h as normalize, m as normalizeSession, f as outcome, y as validate };

package/dist/delivery/index.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @synced-from pie-elements/packages/select-text/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 SelectText extends HTMLElement {
+    constructor();
+    set model(m: any);
+    set session(s: any);
+    get session(): any;
+    isSessionComplete(): boolean;
+    selectionChanged(selection: any): void;
+    connectedCallback(): void;
+    render(): void;
+    disconnectedCallback(): void;
+}

package/dist/delivery/index.js

@@ -0,0 +1,60 @@
+import e from "./utils.js";
+import t from "./main.js";
+import n from "react";
+import { createRoot as r } from "react-dom/client";
+import { ModelSetEvent as i, SessionChangedEvent as a } from "@pie-element/shared-player-events";
+import { renderMath as o } from "@pie-element/shared-math-rendering-mathjax";
+//#region src/delivery/index.ts
+var s = class extends HTMLElement {
+	constructor() {
+		super(), this._root = null;
+	}
+	set model(e) {
+		this._model = e, this.render(), this.dispatchEvent(new i(this.tagName.toLowerCase(), this.isSessionComplete(), this._model !== void 0));
+	}
+	set session(t) {
+		if (this._session = t, this._model) {
+			let { tokens: n } = e(this._model) || {}, { selectedTokens: r } = t || {};
+			r ||= [];
+			let i = (e) => n.find(({ start: t, end: n }) => e.start === t && e.end === n);
+			if (!r.reduce((e, t) => e && i(t), !0)) {
+				let { tokens: t } = e({
+					...this._model,
+					tokens: r
+				}) || {};
+				t && (this._session.selectedTokens = t);
+			}
+		}
+		Array.isArray(this._session.selectedTokens) || (this._session.selectedTokens = []), this.render();
+	}
+	get session() {
+		return this._session;
+	}
+	isSessionComplete() {
+		let { selectedTokens: e } = this._session || {};
+		return Array.isArray(e) && e.length > 0;
+	}
+	selectionChanged(e) {
+		this._session.selectedTokens = e, this.dispatchEvent(new a(this.tagName.toLowerCase(), this.isSessionComplete()));
+	}
+	connectedCallback() {
+		this.render();
+	}
+	render() {
+		if (this._model && this._session) {
+			let e = n.createElement(t, {
+				model: this._model,
+				session: this._session,
+				onSelectionChange: this.selectionChanged.bind(this)
+			});
+			this._root ||= r(this), this._root.render(e), queueMicrotask(() => {
+				o(this);
+			});
+		}
+	}
+	disconnectedCallback() {
+		this._root &&= (this._root.unmount(), null);
+	}
+};
+//#endregion
+export { s as default };

package/dist/delivery/main.d.ts

@@ -0,0 +1,36 @@
+/**
+ * @synced-from pie-elements/packages/select-text/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: {
+        model: PropTypes.Requireable<object>;
+        session: PropTypes.Requireable<object>;
+        onSelectionChange: PropTypes.Validator<(...args: any[]) => any>;
+    };
+    static defaultProps: {};
+    constructor(props: any);
+    UNSAFE_componentWillReceiveProps(nextProps: any): void;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    toggleShowCorrect: any;
+    correctAnswer: any;
+    render(): React.JSX.Element;
+}
+export default class Stateful extends React.Component {
+    static propTypes: {
+        model: PropTypes.Requireable<object>;
+        session: PropTypes.Requireable<object>;
+        onSelectionChange: PropTypes.Validator<(...args: any[]) => any>;
+    };
+    constructor(props: any);
+    UNSAFE_componentWillReceiveProps(nextProps: any): void;
+    change: any;
+    render(): React.JSX.Element;
+}

package/dist/delivery/main.js

@@ -0,0 +1,145 @@
+import e from "./utils.js";
+import t from "react";
+import n from "react-dom";
+import r from "prop-types";
+import { Legend as i, TextSelect as a } from "@pie-lib/text-select";
+import o from "@pie-lib/correct-answer-toggle";
+import * as s from "@pie-lib/render-ui";
+import { Collapsible as c, Feedback as l, PreviewPrompt as u, UiLayout as d, color as f, hasMedia as p, hasText as m } from "@pie-lib/render-ui";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { renderMath as _ } from "@pie-element/shared-math-rendering-mathjax";
+import { styled as v } from "@mui/material/styles";
+import y from "debug";
+//#region src/delivery/main.tsx
+function b(e) {
+	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
+}
+function x(e, t) {
+	return !e || b(e) ? e : b(e.default) ? e.default : t && b(e[t]) ? e[t] : t && b(e[t]?.default) ? e[t].default : e;
+}
+var S = x(d, "UiLayout") || x(O.UiLayout, "UiLayout"), C = x(u, "PreviewPrompt") || x(O.PreviewPrompt, "PreviewPrompt"), w = x(c, "Collapsible") || x(O.Collapsible, "Collapsible"), T = x(l, "Feedback") || x(O.Feedback, "Feedback"), E = s, D = E.default, O = D && typeof D == "object" ? D : E, k = y("@pie-ui:select-text"), A = v(S)({
+	color: f.text(),
+	backgroundColor: f.background()
+}), j = v(a)(({ theme: e }) => ({
+	marginBottom: e.spacing(1),
+	marginTop: e.spacing(2),
+	whiteSpace: "normal"
+})), M = v("div")(({ theme: e }) => ({
+	verticalAlign: "middle",
+	marginBottom: e.spacing(1)
+})), N = v(w)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), P = {
+	model: r.object,
+	session: r.object,
+	onSelectionChange: r.func.isRequired
+}, F = class extends t.Component {
+	static propTypes = P;
+	static defaultProps = {};
+	constructor(t) {
+		super(t), this.state = {
+			showCorrectAnswer: this.props.model.alwaysShowCorrect || !1,
+			model: e(t.model)
+		};
+	}
+	UNSAFE_componentWillReceiveProps(t) {
+		this.setState({
+			showCorrectAnswer: !!t.model.alwaysShowCorrect,
+			model: e(t.model)
+		});
+	}
+	componentDidMount() {
+		_(n.findDOMNode(this));
+	}
+	componentDidUpdate() {
+		_(n.findDOMNode(this));
+	}
+	toggleShowCorrect = () => {
+		this.setState({ showCorrectAnswer: !this.state.showCorrectAnswer });
+	};
+	correctAnswer = () => {
+		let { model: e } = this.state;
+		return e.tokens.filter((e) => e.correct);
+	};
+	render() {
+		let { session: e, onSelectionChange: t } = this.props, { showCorrectAnswer: n, model: r } = this.state, { env: a, extraCSSRules: s } = r, { mode: c } = a || {}, l = n ? this.correctAnswer() : e.selectedTokens, u = r.rationale && (m(r.rationale) || p(r.rationale)), d = r.teacherInstructions && (m(r.teacherInstructions) || p(r.teacherInstructions));
+		return k("[render] selectedTokens:", l), /* @__PURE__ */ g(A, {
+			extraCSSRules: s,
+			children: [
+				d && (r.animationsDisabled ? /* @__PURE__ */ h(M, { children: /* @__PURE__ */ h(C, { prompt: r.teacherInstructions }) }) : /* @__PURE__ */ h(N, {
+					labels: {
+						hidden: "Show Teacher Instructions",
+						visible: "Hide Teacher Instructions"
+					},
+					children: /* @__PURE__ */ h(C, { prompt: r.teacherInstructions })
+				})),
+				/* @__PURE__ */ h(M, { children: /* @__PURE__ */ h(C, { prompt: r.prompt }) }),
+				!r.alwaysShowCorrect && /* @__PURE__ */ h(o, {
+					show: r.disabled && r.incorrect,
+					toggled: n,
+					onToggle: this.toggleShowCorrect,
+					language: r.language
+				}),
+				/* @__PURE__ */ h(j, {
+					disabled: r.disabled,
+					text: r.text,
+					tokens: r.tokens,
+					selectedTokens: l,
+					onChange: (e) => {
+						let n = e.map((e) => r.tokens.find(({ start: t, end: n }) => e.start === t && e.end === n) || e);
+						t(n);
+					},
+					highlightChoices: r.highlightChoices,
+					maxNoOfSelections: r.maxSelections,
+					animationsDisabled: r.animationsDisabled
+				}),
+				c === "evaluate" && /* @__PURE__ */ h(i, {
+					language: r.language,
+					showOnlyCorrect: n
+				}),
+				u && (r.animationsDisabled ? /* @__PURE__ */ h(M, { children: /* @__PURE__ */ h(C, { prompt: r.rationale }) }) : /* @__PURE__ */ h(N, {
+					labels: {
+						hidden: "Show Rationale",
+						visible: "Hide Rationale"
+					},
+					children: /* @__PURE__ */ h(C, { prompt: r.rationale })
+				})),
+				r.correctness && r.feedback && !n && /* @__PURE__ */ h(T, {
+					correctness: r.correctness,
+					feedback: r.feedback
+				})
+			]
+		});
+	}
+}, I = class extends t.Component {
+	static propTypes = P;
+	constructor(e) {
+		super(e), this.state = {
+			model: e.model,
+			session: e.session
+		};
+	}
+	UNSAFE_componentWillReceiveProps(e) {
+		this.setState({
+			model: e.model,
+			session: e.session
+		});
+	}
+	change = (e) => {
+		let t = {
+			...this.state.session,
+			selectedTokens: e
+		};
+		this.setState({ session: t }, () => {
+			this.props.onSelectionChange(this.state.session.selectedTokens);
+		});
+	};
+	render() {
+		let { model: e, session: t } = this.state;
+		return /* @__PURE__ */ h(F, {
+			model: e,
+			session: t,
+			onSelectionChange: this.change
+		});
+	}
+};
+//#endregion
+export { F as Main, I as default };

package/dist/delivery/utils.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @synced-from pie-elements/packages/select-text/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.
+ */
+declare const _default: (model: any) => any;
+export default _default;

package/dist/delivery/utils.js

@@ -0,0 +1,47 @@
+//#region src/delivery/utils.tsx
+var e = function() {
+	var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", t = document.createElement("div");
+	return t.innerHTML = e.trim(), t;
+}, t = function(e, t) {
+	return t ? e.innerHTML : `${e.innerHTML}
+
+`;
+}, n = function(e) {
+	var n = e.querySelectorAll("div[separator=true]"), r = "";
+	return n.forEach(function(e, i) {
+		r += t(e, i === n.length - 1);
+	}), r || null;
+}, r = function(t) {
+	var r = e(t), i = document.createElement("div");
+	return i.innerHTML = `<div separator='true'>${r.innerHTML}</div>`, r = i, Array.from(r.querySelectorAll("*")).length === 0 ? t : n(r);
+}, i = (e) => {
+	if (!e) return e;
+	let t = r(e.text || ""), n = (e.tokens || []).reduce((n, i = {}) => {
+		let a = r((e.text || "").slice(i.start, i.end));
+		if (!a) return [...n, i];
+		let o = (e) => {
+			let n = e;
+			for (; n >= 0;) {
+				let e = t.slice(n).indexOf(a);
+				if (e >= 0) return e + n;
+				n--;
+			}
+			return 0;
+		}, s = n[n.length - 1], c = o(s ? s.end : i.start), l = c + a.length;
+		return [...n, {
+			...i,
+			text: a,
+			start: c,
+			end: l,
+			oldStart: i.start,
+			oldEnd: i.end
+		}];
+	}, []);
+	return {
+		...e,
+		tokens: n,
+		text: t
+	};
+};
+//#endregion
+export { i 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 select-text 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;