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

package/module/print.js

@@ -49869,6 +49869,8 @@ var F$ = (e) => {
 		classes: t
 	}) });
 }, I$ = F("div")(() => ({
+	height: 0,
+	overflow: "visible",
 	"& .defaultToolbar": {
 		display: "flex",
 		width: "100%",
@@ -49904,13 +49906,14 @@ var F$ = (e) => {
 		color: "var(--white)"
 	},
 	"& .toolbar": {
-		position: "absolute",
+		position: "relative",
+		top: "5px",
 		zIndex: 20,
 		cursor: "pointer",
 		justifyContent: "space-between",
 		background: "var(--editable-html-toolbar-bg, #efefef)",
 		minWidth: "280px",
-		margin: "5px 0 0 0",
+		margin: 0,
 		padding: "2px",
 		boxShadow: "0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12)",
 		boxSizing: "border-box",
@@ -49919,7 +49922,10 @@ var F$ = (e) => {
 		pointerEvents: "none"
 	},
 	"& .toolbarWithNoDone": { minWidth: "265px" },
-	"& .toolbarTop": { top: "-45px" },
+	"& .toolbarTop": {
+		position: "absolute",
+		top: "-45px"
+	},
 	"& .toolbarRight": { right: 0 },
 	"& .fullWidth": { width: "100%" },
 	"& .hidden": { visibility: "hidden" },
@@ -56591,6 +56597,8 @@ var S7 = jA.create({
 	"--red-light": "#ffebe5",
 	"--shadow": "0px 12px 33px 0px rgba(0, 0, 0, .06),\n               0px 3.618px 9.949px 0px rgba(0, 0, 0, .04)"
 }, M7 = (e) => ({
+	role: "textbox",
+	"data-pie-editor": "true",
 	spellcheck: e ? "true" : "false",
 	autocorrect: e ? "on" : "off",
 	autocapitalize: e ? "on" : "off"
@@ -56757,7 +56765,10 @@ var S7 = jA.create({
 		h?.setEditable(!e.disabled);
 	}, [e.disabled, h]), (0, _.useEffect)(() => {
 		if (!h) return;
-		let e = h.options?.editorProps, t = M7(m);
+		let e = h.options?.editorProps, t = {
+			...e?.attributes,
+			...M7(m)
+		};
 		e?.attributes?.spellcheck !== t.spellcheck && h.setOptions({ editorProps: {
 			...e,
 			attributes: t
@@ -56921,17 +56932,15 @@ var z7 = R7(Wf, "UiLayout") || R7(W7.UiLayout, "UiLayout"), B7 = R7(xp, "Preview
 	};
 	static defaultProps = { value: {} };
 	state = { showCorrectAnswer: this.props.alwaysShowCorrect || !1 };
-	getChangeSession = (e) => e && e.every((e, t, n) => e === n[0] && e === 1) ? this.props.onChange : C(this.props.onChange, 200, { maxWait: 200 });
 	UNSAFE_componentWillReceiveProps(e) {
-		let { maxLengthPerChoice: t, language: n } = this.props, { note: r } = this.props;
-		E(e.feedback) && this.setState({ showCorrectAnswer: !1 }), e.alwaysShowCorrect && this.setState({ showCorrectAnswer: !0 }), t && !O(t, e.maxLengthPerChoice) && (this.changeSession = this.getChangeSession(e.maxLengthPerChoice)), r && n && n !== e.language && r === G7.t("common:commonCorrectAnswerWithAlternates", { lng: n }) && (r = G7.t("common:commonCorrectAnswerWithAlternates", { lng: e.language }));
+		let { language: t } = this.props, { note: n } = this.props;
+		E(e.feedback) && this.setState({ showCorrectAnswer: !1 }), e.alwaysShowCorrect && this.setState({ showCorrectAnswer: !0 }), n && t && t !== e.language && n === G7.t("common:commonCorrectAnswerWithAlternates", { lng: t }) && (n = G7.t("common:commonCorrectAnswerWithAlternates", { lng: e.language }));
 	}
 	toggleShowCorrect = () => {
 		this.setState({ showCorrectAnswer: !this.state.showCorrectAnswer });
 	};
-	changeSession = this.getChangeSession(this.props.maxLengthPerChoice);
 	onChange = (e) => {
-		this.changeSession(e);
+		this.props.onChange(e);
 	};
 	render() {
 		let { showCorrectAnswer: e } = this.state, { alwaysShowCorrect: t, animationsDisabled: n, mode: r, displayType: i, role: a, language: o, maxLengthPerChoice: s, maxLengthPerChoiceEnabled: c, note: l, playerSpellCheckEnabled: u, prompt: d, rationale: f, showNote: p, teacherInstructions: m, responseAreaInputConfiguration: h, model: g, value: _ } = this.props, { extraCSSRules: v } = g || {}, y = (e || r === "view" && a === "instructor") && p && l, b = /* @__PURE__ */ (0, M.jsx)(B7, {