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

package/author.js

@@ -0,0 +1,2 @@
+export { default } from './dist/author/index.js';
+export * from './dist/author/index.js';

package/dist/author/alternateResponses.js

@@ -1,4 +1,4 @@
-import e from "./alternateSection.js";
+import { AlternateSection as e } from "./alternateSection.js";
 import t from "react";
 import n from "prop-types";
 import { cloneDeep as r, isEqual as i, map as a, reduce as o } from "@pie-element/shared-lodash";
@@ -110,4 +110,4 @@ var l = class extends t.Component {
 	}
 };
 //#endregion
-export { l as default };
+export { l as AlternateResponses, l as default };

package/dist/author/alternateSection.js

@@ -2,17 +2,18 @@ import { decodeHTML as e, getAdjustedLength as t, stripHtmlTags as n } from "./m
 import r from "react";
 import i from "prop-types";
 import { debounce as a, isEqual as o, max as s } from "@pie-element/shared-lodash";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { styled as u } from "@mui/material/styles";
-import d from "@pie-lib/editable-html-tip-tap";
-import f from "@mui/material/Button";
-import p from "@mui/icons-material/Delete";
-import m from "@mui/material/IconButton";
-import h from "@mui/material/MenuItem";
-import g from "@mui/material/Select";
-import _ from "@mui/material/TextField";
+import { color as c } from "@pie-lib/render-ui";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { styled as d } from "@mui/material/styles";
+import f from "@pie-lib/editable-html-tip-tap";
+import p from "@mui/material/Button";
+import m from "@mui/icons-material/Delete";
+import h from "@mui/material/IconButton";
+import g from "@mui/material/MenuItem";
+import _ from "@mui/material/Select";
+import v from "@mui/material/TextField";
 //#region src/author/alternateSection.tsx
-var v = u("div")(({ theme: e }) => ({ marginBottom: e.spacing(.5) })), y = u("div")(({ theme: e }) => ({
+var y = d("div")(({ theme: e }) => ({ marginBottom: e.spacing(.5) })), b = d("div")(({ theme: e }) => ({
 	alignItems: "flex-start",
 	flexDirection: "column",
 	display: "flex",
@@ -21,36 +22,36 @@ var v = u("div")(({ theme: e }) => ({ marginBottom: e.spacing(.5) })), y = u("di
 		marginBottom: e.spacing(2.5),
 		width: "100%"
 	}
-})), b = u(d)(({ theme: e, hasError: t }) => ({
+})), x = d(f)(({ theme: e, hasError: t }) => ({
 	flex: "1",
 	marginRight: e.spacing(2.5),
 	...t && {
 		border: `2px solid ${e.palette.error.main}`,
 		borderRadius: "6px"
 	}
-})), x = u(m)(({ theme: e }) => ({ "& svg": { fill: e.palette.grey[600] } })), S = u("div")({
+})), S = d(h)(() => ({ "& svg": { fill: c.text() } })), C = d("div")({
 	alignItems: "flex-end",
 	display: "flex",
 	justifyContent: "space-between",
 	width: "100%"
-}), C = u("div")({
+}), w = d("div")({
 	alignItems: "center",
 	display: "flex"
-}), w = u(_)(({ theme: e }) => ({
+}), T = d(v)(({ theme: e }) => ({
 	width: "230px",
 	marginRight: e.spacing(2.5),
 	"& .MuiInput-underline:before": { borderBottomColor: e.palette.divider },
 	"& .MuiInput-underline:hover:not(.Mui-disabled):before": { borderBottomColor: e.palette.text.primary },
 	"& .MuiInput-underline:after": { borderBottomColor: e.palette.primary.main }
-})), T = u("div")(({ theme: e }) => ({
+})), E = d("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(.5)
-})), E = u("div")({
+})), D = d("div")({
 	alignItems: "center",
 	display: "flex",
 	justifyContent: "space-between"
-}), D = class extends r.Component {
+}), O = class extends r.Component {
 	static propTypes = {
 		error: i.string,
 		markup: i.string,
@@ -75,7 +76,7 @@ var v = u("div")(({ theme: e }) => ({ marginBottom: e.spacing(.5) })), y = u("di
 	};
 	render() {
 		let { value: e } = this.state, { onDelete: t, spellCheck: n, error: i, showMaxLength: a, pluginProps: o } = this.props, s = a ? {} : { maxLength: 25 };
-		return /* @__PURE__ */ l(r.Fragment, { children: [/* @__PURE__ */ l(E, { children: [/* @__PURE__ */ c(b, {
+		return /* @__PURE__ */ u(r.Fragment, { children: [/* @__PURE__ */ u(D, { children: [/* @__PURE__ */ l(x, {
 			hasError: !!i,
 			disableUnderline: !0,
 			onChange: this.onChange,
@@ -91,14 +92,14 @@ var v = u("div")(({ theme: e }) => ({ marginBottom: e.spacing(.5) })), y = u("di
 				isHidden: !!o?.characters?.disabled
 			},
 			...s
-		}), /* @__PURE__ */ c(x, {
+		}), /* @__PURE__ */ l(S, {
 			"aria-label": "delete",
 			onClick: t,
 			size: "large",
-			children: /* @__PURE__ */ c(p, {})
-		})] }), i && /* @__PURE__ */ c(T, { children: i })] });
+			children: /* @__PURE__ */ l(m, {})
+		})] }), i && /* @__PURE__ */ l(E, { children: i })] });
 	}
-}, O = class extends r.Component {
+}, k = class extends r.Component {
 	static propTypes = {
 		choices: i.array,
 		selectChoices: i.array.isRequired,
@@ -161,9 +162,9 @@ var v = u("div")(({ theme: e }) => ({ marginBottom: e.spacing(.5) })), y = u("di
 		n && n >= r && n <= r + 10 && t(n);
 	};
 	render() {
-		let { selectChoices: t, maxLength: n, showMaxLength: r, value: i, spellCheck: a, errors: o, pluginProps: s } = this.props, { choices: u } = this.state, d = this.getChoicesMaxLength();
-		return /* @__PURE__ */ l(v, { children: [
-			/* @__PURE__ */ l(S, { children: [/* @__PURE__ */ l(g, {
+		let { selectChoices: t, maxLength: n, showMaxLength: r, value: i, spellCheck: a, errors: o, pluginProps: s } = this.props, { choices: c } = this.state, d = this.getChoicesMaxLength();
+		return /* @__PURE__ */ u(y, { children: [
+			/* @__PURE__ */ u(C, { children: [/* @__PURE__ */ u(_, {
 				variant: "standard",
 				displayEmpty: !0,
 				onChange: this.handleSelect,
@@ -173,14 +174,14 @@ var v = u("div")(({ theme: e }) => ({ marginBottom: e.spacing(.5) })), y = u("di
 					enter: 225,
 					exit: 195
 				} },
-				children: [/* @__PURE__ */ c(h, {
+				children: [/* @__PURE__ */ l(g, {
 					value: "",
-					children: /* @__PURE__ */ c("em", { children: i ? "Remove selection" : "Select a response" })
-				}), t.map((t, n) => /* @__PURE__ */ c(h, {
+					children: /* @__PURE__ */ l("em", { children: i ? "Remove selection" : "Select a response" })
+				}), t.map((t, n) => /* @__PURE__ */ l(g, {
 					value: t?.value,
 					children: e(t?.label)
 				}, n))]
-			}), u && u.length > 0 && /* @__PURE__ */ l(C, { children: [n && r && /* @__PURE__ */ c(w, {
+			}), c && c.length > 0 && /* @__PURE__ */ u(w, { children: [n && r && /* @__PURE__ */ l(T, {
 				variant: "standard",
 				label: "Maximum length (characters)",
 				type: "number",
@@ -190,14 +191,14 @@ var v = u("div")(({ theme: e }) => ({ marginBottom: e.spacing(.5) })), y = u("di
 				},
 				value: n,
 				onChange: this.changeLength
-			}), /* @__PURE__ */ c(f, {
+			}), /* @__PURE__ */ l(p, {
 				variant: "contained",
 				color: "primary",
 				onClick: this.onAddChoice,
 				children: "Add"
 			})] })] }),
-			o && o[0] && /* @__PURE__ */ c(T, { children: o[0] }),
-			/* @__PURE__ */ c(y, { children: u && u.map((e, t) => t > 0 && /* @__PURE__ */ c(D, {
+			o && o[0] && /* @__PURE__ */ l(E, { children: o[0] }),
+			/* @__PURE__ */ l(b, { children: c && c.map((e, t) => t > 0 && /* @__PURE__ */ l(O, {
 				markup: e.label,
 				onChange: (n) => this.onChoiceChanged(e, n, t),
 				onDelete: () => this.onRemoveChoice(e),
@@ -210,4 +211,4 @@ var v = u("div")(({ theme: e }) => ({ marginBottom: e.spacing(.5) })), y = u("di
 	}
 };
 //#endregion
-export { O as default };
+export { k as AlternateSection, k as default, O as Choice };

package/dist/author/defaults.js

@@ -5,7 +5,7 @@ var e = {
 		displayType: "block",
 		markup: "",
 		maxLengthPerChoiceEnabled: !0,
-		playerSpellCheckEnabled: !0,
+		playerSpellCheckEnabled: !1,
 		prompt: "",
 		promptEnabled: !0,
 		rationale: "",

package/dist/author/ecr-toolbar.js

@@ -97,4 +97,4 @@ var o = i(a)(({ theme: e }) => ({
 	}
 };
 //#endregion
-export { s as default };
+export { s as ECRToolbar, s as default };

package/dist/author/index.d.ts

@@ -38,5 +38,6 @@ export default class ExplicitConstructedResponse extends HTMLElement {
     insertSound(handler: any): void;
     onDeleteSound(src: any, done: any): void;
     _render(): void;
+    connectedCallback(): void;
     disconnectedCallback(): void;
 }

package/dist/author/index.js

@@ -1,5 +1,5 @@
 import { createSlateMarkup as e, processMarkup as t } from "./markupUtils.js";
-import n from "./main.js";
+import { Main as n } from "./main.js";
 import r from "./defaults.js";
 import i from "react";
 import { createRoot as a } from "react-dom/client";
@@ -88,8 +88,11 @@ var m = c("explicit-constructed-response:configure"), h = class c extends HTMLEl
 		});
 		this._root ||= a(this), this._root.render(e);
 	}
+	connectedCallback() {
+		this._render();
+	}
 	disconnectedCallback() {
-		this._root && this._root.unmount();
+		this._root &&= (this._root.unmount(), null);
 	}
 };
 //#endregion

package/dist/author/main.js

@@ -1,6 +1,6 @@
 import { decodeHTML as e, getAdjustedLength as t } from "./markupUtils.js";
-import n from "./ecr-toolbar.js";
-import r from "./alternateResponses.js";
+import { ECRToolbar as n } from "./ecr-toolbar.js";
+import { AlternateResponses as r } from "./alternateResponses.js";
 import { generateValidationMessage as i } from "./utils.js";
 import a from "react";
 import o from "prop-types";
@@ -288,4 +288,4 @@ var { toggle: y, Panel: re, dropdown: ie } = g, b = p(h)(({ theme: e }) => ({
 	}
 };
 //#endregion
-export { w as default };
+export { w as Main, w as default };

package/dist/author/markupUtils.js

@@ -10,4 +10,4 @@ var t = "imes|riangle|an|heta|herefore", n = "throot|parallel|cong|approx|eq|e|s
 	}), 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 };
+export { c as createSlateMarkup, d as decodeHTML, l as getAdjustedLength, o as processMarkup, i as removeUnwantedCharacters, u as stripHtmlTags };

package/dist/browser/author/index.js

@@ -1,5 +1,5 @@
-import { E as e, S as t, a as n, b as r, c as i, h as a, i as o, l as s, m as c, n as l, o as u, p as d, r as f, s as p, t as m, u as h, v as g } from "../browser-BC3WygxE.js";
-import { $ as _, A as v, B as y, D as b, E as x, F as S, H as C, I as w, J as T, K as E, L as D, M as O, N as k, P as A, Q as j, R as M, S as N, T as P, U as F, V as ee, W as I, X as te, Y as ne, Z as re, a as ie, b as L, c as ae, d as oe, et as R, f as se, i as z, it as ce, j as le, k as ue, l as B, n as de, nt as fe, o as pe, p as me, q as V, r as he, rt as ge, s as _e, t as H, tt as U, u as ve, v as ye, w as be, x as xe, y as Se, z as Ce } from "../dist-DGLbICOs.js";
+import { E as e, S as t, a as n, b as r, c as i, h as a, i as o, l as s, m as c, n as l, o as u, p as d, r as f, s as p, t as m, u as h, v as g } from "../browser-xPiwYICU.js";
+import { $ as _, A as v, B as y, D as b, E as x, F as S, H as C, I as w, J as T, K as E, L as D, M as O, N as k, P as A, Q as j, R as M, S as N, T as P, U as F, V as ee, W as I, X as te, Y as ne, Z as re, a as ie, b as L, c as ae, d as oe, et as R, f as se, i as z, it as ce, j as le, k as ue, l as B, n as de, nt as fe, o as pe, p as me, q as V, r as he, rt as ge, s as _e, t as H, tt as U, u as ve, v as ye, w as be, x as xe, y as Se, z as Ce } from "../dist-BS-FasHI.js";
 import * as W from "react";
 import G, { Component as we, createElement as Te } from "react";
 import { createRoot as Ee } from "react-dom/client";
@@ -1683,7 +1683,7 @@ var ln = Object.defineProperty, un = (e, t) => {
 	}
 };
 //#endregion
-//#region ../../lib-react/config-ui/dist/node_modules/.bun/@babel_runtime@7.28.6/node_modules/@babel/runtime/helpers/esm/extends.js
+//#region ../../lib-react/config-ui/dist/node_modules/.bun/@babel_runtime@7.29.7/node_modules/@babel/runtime/helpers/esm/extends.js
 function _n() {
 	return _n = Object.assign ? Object.assign.bind() : function(e) {
 		for (var t = 1; t < arguments.length; t++) {
@@ -1694,7 +1694,7 @@ function _n() {
 	}, _n.apply(null, arguments);
 }
 //#endregion
-//#region ../../lib-react/config-ui/dist/node_modules/.bun/@babel_runtime@7.28.6/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
+//#region ../../lib-react/config-ui/dist/node_modules/.bun/@babel_runtime@7.29.7/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
 function vn(e, t) {
 	if (e == null) return {};
 	var n = {};
@@ -1705,14 +1705,14 @@ function vn(e, t) {
 	return n;
 }
 //#endregion
-//#region ../../lib-react/config-ui/dist/node_modules/.bun/@babel_runtime@7.28.6/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js
+//#region ../../lib-react/config-ui/dist/node_modules/.bun/@babel_runtime@7.29.7/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js
 function yn(e, t) {
 	return yn = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
 		return e.__proto__ = t, e;
 	}, yn(e, t);
 }
 //#endregion
-//#region ../../lib-react/config-ui/dist/node_modules/.bun/@babel_runtime@7.28.6/node_modules/@babel/runtime/helpers/esm/inheritsLoose.js
+//#region ../../lib-react/config-ui/dist/node_modules/.bun/@babel_runtime@7.29.7/node_modules/@babel/runtime/helpers/esm/inheritsLoose.js
 function bn(e, t) {
 	e.prototype = Object.create(t.prototype), e.prototype.constructor = e, yn(e, t);
 }
@@ -2105,9 +2105,9 @@ var tr = er()(function(e) {
 tr.displayName = "Measure", tr.propTypes.children = Q.default.func;
 //#endregion
 //#region ../../lib-react/config-ui/dist/layout/settings-box.js
-var nr = V("div")(({ theme: e }) => ({
-	backgroundColor: e.palette.background.paper,
-	border: `2px solid ${e.palette.grey[200]}`,
+var nr = V("div")(() => ({
+	backgroundColor: I.white(),
+	border: `2px solid ${I.border()}`,
 	display: "flex",
 	flexDirection: "column",
 	justifyContent: "flex-start",
@@ -2603,7 +2603,7 @@ var Jr = qr(ye, "InputContainer") || qr(Zr.InputContainer, "InputContainer"), Yr
 		border: `2px solid ${e.palette.error.main}`,
 		borderRadius: "6px"
 	}
-})), hi = V(oe)(({ theme: e }) => ({ "& svg": { fill: e.palette.grey[600] } })), gi = V("div")({
+})), hi = V(oe)(() => ({ "& svg": { fill: I.text() } })), gi = V("div")({
 	alignItems: "flex-end",
 	display: "flex",
 	justifyContent: "space-between",
@@ -3169,7 +3169,7 @@ var Jr = qr(ye, "InputContainer") || qr(Zr.InputContainer, "InputContainer"), Yr
 		displayType: "block",
 		markup: "",
 		maxLengthPerChoiceEnabled: !0,
-		playerSpellCheckEnabled: !0,
+		playerSpellCheckEnabled: !1,
 		prompt: "",
 		promptEnabled: !0,
 		rationale: "",
@@ -3368,8 +3368,11 @@ var Jr = qr(ye, "InputContainer") || qr(Zr.InputContainer, "InputContainer"), Yr
 		});
 		this._root ||= Ee(this), this._root.render(e);
 	}
+	connectedCallback() {
+		this._render();
+	}
 	disconnectedCallback() {
-		this._root && this._root.unmount();
+		this._root &&= (this._root.unmount(), null);
 	}
 };
 //#endregion