@pie-element/explicit-constructed-response 11.1.2-next.2 → 11.1.2

package/dist/author/ecr-toolbar.d.ts

@@ -1,41 +0,0 @@
-/**
- * @synced-from pie-elements/packages/explicit-constructed-response/configure/src/ecr-toolbar.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 ECRToolbar extends React.Component {
-    static propTypes: {
-        correctChoice: PropTypes.Requireable<object>;
-        node: PropTypes.Requireable<object>;
-        pos: PropTypes.Requireable<number>;
-        onDone: PropTypes.Requireable<(...args: any[]) => any>;
-        onChangeResponse: PropTypes.Validator<(...args: any[]) => any>;
-        onToolbarDone: PropTypes.Validator<(...args: any[]) => any>;
-        value: PropTypes.Requireable<PropTypes.InferProps<{
-            change: PropTypes.Validator<(...args: any[]) => any>;
-            document: PropTypes.Requireable<PropTypes.InferProps<{
-                getNextText: PropTypes.Validator<(...args: any[]) => any>;
-            }>>;
-        }>>;
-        editor: PropTypes.Requireable<object>;
-        maxLengthPerChoiceEnabled: PropTypes.Requireable<boolean>;
-        pluginProps: PropTypes.Requireable<object>;
-        spellCheck: PropTypes.Requireable<boolean>;
-    };
-    state: {
-        markup: string;
-        toolbarStyle: {};
-    };
-    componentDidMount(): void;
-    onDone: any;
-    onRespAreaChange: any;
-    onKeyDown: any;
-    onBlur: any;
-    render(): React.JSX.Element;
-}
-export default ECRToolbar;

package/dist/author/ecr-toolbar.js

@@ -1,100 +0,0 @@
-import { stripHtmlTags as e } from "./markupUtils.js";
-import t from "react";
-import n from "prop-types";
-import { jsx as r } from "react/jsx-runtime";
-import { styled as i } from "@mui/material/styles";
-import a from "@pie-lib/editable-html-tip-tap";
-//#region src/author/ecr-toolbar.tsx
-var o = i(a)(({ theme: e }) => ({
-	backgroundColor: e.palette.common.white,
-	outline: "none",
-	lineHeight: "15px"
-})), s = class extends t.Component {
-	static propTypes = {
-		correctChoice: n.object,
-		node: n.object,
-		pos: n.number,
-		onDone: n.func,
-		onChangeResponse: n.func.isRequired,
-		onToolbarDone: n.func.isRequired,
-		value: n.shape({
-			change: n.func.isRequired,
-			document: n.shape({ getNextText: n.func.isRequired })
-		}),
-		editor: n.object,
-		maxLengthPerChoiceEnabled: n.bool,
-		pluginProps: n.object,
-		spellCheck: n.bool
-	};
-	state = {
-		markup: "",
-		toolbarStyle: {}
-	};
-	componentDidMount() {
-		let { correctChoice: e, node: t, editor: n } = this.props, r = e || {}, i = n.view.nodeDOM(n.state.selection.from);
-		if (i?.nodeType === 1) {
-			let e = i.getBoundingClientRect(), t = i.closest(".tiptap").getBoundingClientRect();
-			e.top - t.top, e.left - t.left, this.setState({
-				markup: r.label,
-				toolbarStyle: {
-					position: "absolute",
-					top: 0,
-					left: 0,
-					width: `${e.width - 4}px`
-				}
-			});
-		}
-	}
-	onDone = (t) => {
-		let { editor: n, node: r, onToolbarDone: i, onChangeResponse: a, pos: o } = this.props, s = e(t);
-		this.setState({ markup: s });
-		let { tr: c } = n.state, l = c.doc.nodeAt(o);
-		if (!l || l.isText || !l.isAtom || !l.isInline) return !1;
-		c.setNodeMarkup(o, void 0, {
-			...r.attrs,
-			value: s
-		}), n.view.dispatch(c), i(!0), a(s);
-	};
-	onRespAreaChange = (e) => {
-		this.setState({ respAreaMarkup: e });
-	};
-	onKeyDown = (e) => e.key === "Enter";
-	onBlur = () => {
-		this.clickedInside &&= !1;
-	};
-	render() {
-		let { maxLengthPerChoiceEnabled: e, pluginProps: t, spellCheck: n } = this.props, { markup: i, toolbarStyle: a } = this.state, s = e ? {} : { maxLength: 25 };
-		return /* @__PURE__ */ r("div", {
-			style: a,
-			children: /* @__PURE__ */ r(o, {
-				autoFocus: !0,
-				disableUnderline: !0,
-				onChange: (e) => {
-					this.preventDone || this.onRespAreaChange(e);
-				},
-				onDone: (e) => {
-					this.preventDone || this.onDone(e);
-				},
-				onBlur: (e) => {
-					this.preventDone = e.relatedTarget && e.relatedTarget.closest(".insert-character-dialog"), this.onBlur(e);
-				},
-				onKeyDown: this.onKeyDown,
-				markup: i || "",
-				activePlugins: ["languageCharacters"],
-				pluginProps: t,
-				languageCharactersProps: [{ language: "spanish" }],
-				minHeight: "15px",
-				maxHeight: "15px",
-				spellCheck: n,
-				autoWidthToolbar: !0,
-				toolbarOpts: {
-					minWidth: "auto",
-					isHidden: !!t?.characters?.disabled
-				},
-				...s
-			})
-		});
-	}
-};
-//#endregion
-export { s as default };

package/dist/author/index.d.ts

@@ -1,42 +0,0 @@
-/**
- * @synced-from pie-elements/packages/explicit-constructed-response/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 default class ExplicitConstructedResponse extends HTMLElement {
-    static prepareModel: (model?: {}) => {
-        slateMarkup: any;
-        markup: string;
-        choices: {};
-        displayType: string;
-        maxLengthPerChoiceEnabled: boolean;
-        playerSpellCheckEnabled: boolean;
-        prompt: string;
-        promptEnabled: boolean;
-        rationale: string;
-        rationaleEnabled: boolean;
-        spellCheckEnabled: boolean;
-        studentInstructionsEnabled: boolean;
-        teacherInstructions: string;
-        teacherInstructionsEnabled: boolean;
-        toolbarEditorPosition: string;
-        responseAreaInputConfiguration: {};
-    };
-    constructor();
-    set model(s: any);
-    set configuration(c: any);
-    set disableSidePanel(s: any);
-    dispatchModelUpdated(reset: any): void;
-    onModelChanged: any;
-    onConfigurationChanged: any;
-    /** @param {done, progress, file} handler */
-    insertImage(handler: any): void;
-    onDeleteImage(src: any, done: any): void;
-    insertSound(handler: any): void;
-    onDeleteSound(src: any, done: any): void;
-    _render(): void;
-    disconnectedCallback(): void;
-}

package/dist/author/index.js

@@ -1,96 +0,0 @@
-import { createSlateMarkup as e, processMarkup as t } from "./markupUtils.js";
-import n from "./main.js";
-import r from "./defaults.js";
-import i from "react";
-import { createRoot as a } from "react-dom/client";
-import { defaults as o, isArray as s } from "@pie-element/shared-lodash";
-import c from "debug";
-import { DeleteImageEvent as l, DeleteSoundEvent as u, InsertImageEvent as d, InsertSoundEvent as f, ModelUpdatedEvent as p } from "@pie-element/shared-configure-events";
-//#region src/author/index.ts
-var m = c("explicit-constructed-response:configure"), h = class c extends HTMLElement {
-	static prepareModel = (n = {}) => {
-		let i = {
-			...r.model,
-			...n
-		}, a = i.slateMarkup || e(i.markup, i.choices), o = t(a);
-		return i.choices && Object.keys(i.choices).forEach((e) => {
-			s(i.choices[e]) && (i.choices[e] = (i.choices[e] || []).map((e, t) => e.value ? e : (m("Choice does not contain \"value\" property, which is required.", e), {
-				value: `${t}`,
-				...e
-			})));
-		}), {
-			...i,
-			slateMarkup: a,
-			markup: o
-		};
-	};
-	constructor() {
-		super(), this._root = null, this._model = c.prepareModel(), this._configuration = r.configuration;
-	}
-	set model(e) {
-		this._model = c.prepareModel(e), this._model.responseAreaInputConfiguration && (this._model.responseAreaInputConfiguration = this._configuration.responseAreaInputConfiguration?.inputConfiguration), this._render();
-	}
-	set configuration(e) {
-		this._configuration = o(e, r.configuration), e.language?.enabled ? e.languageChoices?.options?.length && (this._model.language = e.languageChoices.options[0].value) : e.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._render();
-	}
-	set disableSidePanel(e) {
-		this._disableSidePanel = e, this._render();
-	}
-	dispatchModelUpdated(e) {
-		let t = !!e;
-		this.dispatchEvent(new p(this._model, t));
-	}
-	onModelChanged = (e, t) => {
-		this._model = c.prepareModel({
-			...this._model,
-			...e
-		}), this._render(), this.dispatchModelUpdated(t);
-	};
-	onConfigurationChanged = (e) => {
-		this._configuration = e;
-		let t = this._configuration?.responseAreaInputConfiguration?.inputConfiguration;
-		this._model = {
-			...this._model,
-			responseAreaInputConfiguration: t
-		}, this.onModelChanged(this._model);
-	};
-	insertImage(e) {
-		this.dispatchEvent(new d(e));
-	}
-	onDeleteImage(e, t) {
-		this.dispatchEvent(new l(e, t));
-	}
-	insertSound(e) {
-		this.dispatchEvent(new f(e));
-	}
-	onDeleteSound(e, t) {
-		this.dispatchEvent(new u(e, t));
-	}
-	_render() {
-		m("_render");
-		let e = i.createElement(n, {
-			model: this._model,
-			configuration: this._configuration,
-			onModelChanged: this.onModelChanged,
-			onConfigurationChanged: this.onConfigurationChanged,
-			disableSidePanel: this._disableSidePanel,
-			imageSupport: {
-				add: this.insertImage.bind(this),
-				delete: this.onDeleteImage.bind(this)
-			},
-			uploadSoundSupport: {
-				add: this.insertSound.bind(this),
-				delete: this.onDeleteSound.bind(this)
-			}
-		});
-		this._root ||= a(this), this._root.render(e);
-	}
-	disconnectedCallback() {
-		this._root && this._root.unmount();
-	}
-};
-//#endregion
-export { h as default };

package/dist/author/main.d.ts

@@ -1,38 +0,0 @@
-/**
- * @synced-from pie-elements/packages/explicit-constructed-response/configure/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: {
-        configuration: PropTypes.Validator<object>;
-        model: PropTypes.Validator<object>;
-        disableSidePanel: PropTypes.Requireable<boolean>;
-        onModelChanged: PropTypes.Validator<(...args: any[]) => any>;
-        onConfigurationChanged: PropTypes.Validator<(...args: any[]) => any>;
-        imageSupport: PropTypes.Requireable<PropTypes.InferProps<{
-            add: PropTypes.Validator<(...args: any[]) => any>;
-            delete: PropTypes.Validator<(...args: any[]) => any>;
-        }>>;
-        uploadSoundSupport: PropTypes.Requireable<object>;
-    };
-    state: {};
-    componentDidMount(): void;
-    onModelChange: any;
-    onPromptChanged: any;
-    onRationaleChanged: any;
-    onTeacherInstructionsChanged: any;
-    onMarkupChanged: any;
-    onResponsesChanged: any;
-    onLengthChanged: any;
-    onChangeResponse: any;
-    onChange: any;
-    onHandleAreaChange: import("@pie-element/shared-lodash").CancelableFunction<(nodes: any) => void>;
-    render(): React.JSX.Element;
-}
-export default Main;

package/dist/author/main.js

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

package/dist/author/markupUtils.d.ts

@@ -1,14 +0,0 @@
-/**
- * @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

@@ -1,13 +0,0 @@
-import { escape as e } from "@pie-element/shared-lodash";
-//#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

@@ -1,9 +0,0 @@
-/**
- * @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

@@ -1,7 +0,0 @@
-//#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 };