@pie-element/inline-dropdown 11.0.4-next.20261011174919 → 11.0.4

package/dist/browser/author/index.js

@@ -35730,15 +35730,12 @@ var tG = class extends bt.Component {
 }), aG = (e) => typeof e == "string" ? {
 	label: e,
 	value: e
-} : e, oG = function() {
-	let [e, t, n = !1] = Array.prototype.slice.call(arguments);
-	return {
-		type: "radio",
-		label: e,
-		choices: t && t.map((e) => aG(e)),
-		isConfigProperty: n
-	};
-}, sG = (e, t, n = !1) => ({
+} : e, oG = (e, t, n = !1) => ({
+	type: "radio",
+	label: e,
+	choices: t && t.map((e) => aG(e)),
+	isConfigProperty: n
+}), sG = (e, t, n = !1) => ({
 	type: "dropdown",
 	label: e,
 	choices: t,
@@ -35893,7 +35890,10 @@ var mG = ve, hG = mG.default, gG = hG && typeof hG == "object" ? hG : mG, _G = p
 		onSelectChoice: U.default.func.isRequired,
 		onToolbarDone: U.default.func.isRequired,
 		editor: U.default.object,
-		spellCheck: U.default.bool
+		spellCheck: U.default.bool,
+		mathMlOptions: U.default.object,
+		baseInputConfiguration: U.default.object,
+		responseAreaInputConfiguration: U.default.object
 	};
 	clickedInside = !1;
 	preventDone = !1;
@@ -36087,21 +36087,6 @@ var mG = ve, hG = mG.default, gG = hG && typeof hG == "object" ? hG : mG, _G = p
 	let t = document.createElement("div");
 	return t.innerHTML = (e || "").trim(), t;
 }, ZG = class extends bt.Component {
-	static propTypes = {
-		configuration: U.default.object.isRequired,
-		model: U.default.object.isRequired,
-		disableSidePanel: U.default.bool,
-		onModelChanged: U.default.func.isRequired,
-		onConfigurationChanged: U.default.func.isRequired,
-		imageSupport: U.default.shape({
-			add: U.default.func.isRequired,
-			delete: U.default.func.isRequired
-		}),
-		uploadSoundSupport: U.default.shape({
-			add: U.default.func.isRequired,
-			delete: U.default.func.isRequired
-		})
-	};
 	state = { warning: { open: !1 } };
 	componentDidMount() {
 		let { model: { choices: e } } = this.props;
@@ -36149,7 +36134,7 @@ var mG = ve, hG = mG.default, gG = hG && typeof hG == "object" ? hG : mG, _G = p
 		} });
 	};
 	validateResponseAreaClose = (e, t, n, r, i) => {
-		let { respAreaChoices: a } = this.state, o = e.attrs.index, s = a[o] || [];
+		let a = this.state.respAreaChoices, o = e.attrs.index, s = a[o] || [];
 		if (!(s.length < 2 || !s.find((e) => e.correct))) {
 			r();
 			return;
@@ -36159,21 +36144,21 @@ var mG = ve, hG = mG.default, gG = hG && typeof hG == "object" ? hG : mG, _G = p
 		}, i);
 	};
 	onChange = (e) => {
-		let { respAreaChoices: t } = this.state, n = XG(e), r = n.querySelectorAll("[data-type=\"inline_dropdown\"]"), i = {};
+		let t = this.state.respAreaChoices, n = XG(e), r = n.querySelectorAll("[data-type=\"inline_dropdown\"]"), i = {};
 		r.forEach((e) => {
 			i[e.dataset.index] = e.dataset.value || "";
 		});
 		let a = ut(t, (e, n, r) => (_t(i[r]) || (e[r] = t[r]), e), {}), o = {};
 		r.forEach((e, t) => {
 			let n = a[e.dataset.index];
-			n && (o[t] = n), e.dataset.index = t;
+			n && (o[t] = n), e.dataset.index = `${t}`;
 		}), this.onModelChange({
 			choices: ct(o),
 			slateMarkup: n.innerHTML
 		});
 	};
 	onAddChoice = (e, t, n) => {
-		let { respAreaChoices: r } = this.state, { maxResponseAreaChoices: i } = this.props.configuration, a = (e) => this.setState({ warning: {
+		let r = this.state.respAreaChoices, { maxResponseAreaChoices: i } = this.props.configuration, a = (e) => this.setState({ warning: {
 			open: !0,
 			text: e,
 			onClose: void 0,
@@ -36201,18 +36186,18 @@ var mG = ve, hG = mG.default, gG = hG && typeof hG == "object" ? hG : mG, _G = p
 		this.onModelChange({ choices: ct(r) });
 	};
 	onRemoveChoice = (e, t) => {
-		let { respAreaChoices: n } = this.state;
+		let n = this.state.respAreaChoices;
 		n[e].splice(t, 1), this.onModelChange({ choices: ct(n) });
 	};
 	onSelectChoice = (e, t) => {
-		let { respAreaChoices: n } = this.state;
+		let n = this.state.respAreaChoices;
 		n[e] = n[e].map((e, n) => ({
 			...e,
 			correct: n === t
 		})), this.onModelChange({ choices: ct(n) });
 	};
 	render() {
-		let { warning: e } = this.state, { model: t, configuration: n, onConfigurationChanged: r, imageSupport: i, uploadSoundSupport: a } = this.props, { baseInputConfiguration: o = {}, choiceRationale: s = {}, contentDimensions: c = {}, lockChoiceOrder: l = {}, maxResponseAreas: u, maxImageWidth: d = {}, maxImageHeight: f = {}, partialScoring: p = {}, prompt: m = {}, rationale: h = {}, settingsPanelDisabled: g, spellCheck: _ = {}, teacherInstructions: v = {}, template: y = {}, withRubric: b = {}, mathMlOptions: x = {}, language: S = {}, languageChoices: C = {}, responseAreaInputConfiguration: w = {} } = n || {}, { choiceRationaleEnabled: T, choices: E, errors: D, extraCSSRules: ee, promptEnabled: te, rationaleEnabled: O, spellCheckEnabled: k, teacherInstructionsEnabled: ne, toolbarEditorPosition: re } = t || {}, { prompt: ie, rationale: ae, responseAreasError: oe, responseAreaChoicesError: se, teacherInstructions: ce } = D || {}, le = d && d.prompt, ue = f && f.prompt, de = () => (Object.keys(E) || []).map((e, t) => /* @__PURE__ */ P(GG, { children: /* @__PURE__ */ F(PV, {
+		let { warning: e } = this.state, { model: t, configuration: n, onConfigurationChanged: r, imageSupport: i, uploadSoundSupport: a } = this.props, { baseInputConfiguration: o = {}, choiceRationale: s = {}, contentDimensions: c = {}, lockChoiceOrder: l = {}, maxResponseAreas: u, maxImageWidth: d = {}, maxImageHeight: f = {}, partialScoring: p = {}, prompt: m = {}, rationale: h = {}, settingsPanelDisabled: g, spellCheck: _ = {}, teacherInstructions: v = {}, template: y = {}, withRubric: b = {}, mathMlOptions: x = {}, language: S = {}, languageChoices: C = {}, responseAreaInputConfiguration: w = {} } = n || {}, { choiceRationaleEnabled: T, choices: E, errors: D, promptEnabled: ee, rationaleEnabled: te, spellCheckEnabled: O, teacherInstructionsEnabled: k, toolbarEditorPosition: ne } = t || {}, { prompt: re, rationale: ie, responseAreasError: ae, responseAreaChoicesError: oe, teacherInstructions: se } = D || {}, ce = d && d.prompt, le = f && f.prompt, ue = () => (Object.keys(E) || []).map((e, t) => /* @__PURE__ */ P(GG, { children: /* @__PURE__ */ F(PV, {
 			slotProps: { transition: { timeout: {
 				enter: 225,
 				exit: 195
@@ -36225,31 +36210,31 @@ var mG = ve, hG = mG.default, gG = hG && typeof hG == "object" ? hG : mG, _G = p
 				})
 			}), /* @__PURE__ */ P(KG, { children: (E[e] || []).map((t) => /* @__PURE__ */ F(bt.Fragment, { children: [/* @__PURE__ */ P(WG, { dangerouslySetInnerHTML: { __html: `${h.label} for ${t.label} (${t.correct ? "correct" : "incorrect"})` } }), /* @__PURE__ */ P(HG, { children: /* @__PURE__ */ P(xV, {
 				markup: t.rationale || "",
-				spellCheck: k,
-				pluginProps: ge(h?.inputConfiguration),
+				spellCheck: O,
+				pluginProps: he(h?.inputConfiguration),
 				onChange: (n) => this.onChoiceRationaleChanged(e, {
 					...t,
 					rationale: n
 				}),
 				imageSupport: i,
-				maxImageWidth: d && d.rationale || le,
-				maxImageHeight: f && f.rationale || ue,
+				maxImageWidth: d && d.rationale || ce,
+				maxImageHeight: f && f.rationale || le,
 				uploadSoundSupport: a,
 				mathMlOptions: x
 			}) })] }, t.label)) })]
-		}) }, e)), fe = { position: re === "top" ? "top" : "bottom" }, pe = yG(n), me = {
+		}) }, e)), de = { position: ne === "top" ? "top" : "bottom" }, fe = yG(n), pe = {
 			partialScoring: p.settings && RG(p.label),
 			lockChoiceOrder: l.settings && RG(l.label),
 			"language.enabled": S.settings && RG(S.label, !0),
 			language: S.settings && S.enabled && BG(C.label, C.options)
-		}, he = {
+		}, me = {
 			teacherInstructionsEnabled: v.settings && RG(v.label),
 			rationaleEnabled: h.settings && RG(h.label),
 			choiceRationaleEnabled: s.settings && RG(s.label),
 			promptEnabled: m.settings && RG(m.label),
 			spellCheckEnabled: _.settings && RG(_.label),
 			rubricEnabled: b?.settings && RG(b?.label)
-		}, ge = (e = {}) => ({
+		}, he = (e = {}) => ({
 			...o,
 			...e
 		});
@@ -36266,30 +36251,30 @@ var mG = ve, hG = mG.default, gG = hG && typeof hG == "object" ? hG : mG, _G = p
 				onChangeModel: (e) => this.onModelChange(e),
 				onChangeConfiguration: (e) => r(e, !0),
 				groups: {
-					Settings: me,
-					Properties: he
+					Settings: pe,
+					Properties: me
 				}
 			}),
 			children: [
-				ne && /* @__PURE__ */ F(VG, {
+				k && /* @__PURE__ */ F(VG, {
 					label: v.label,
 					children: [/* @__PURE__ */ P(xV, {
 						markup: t.teacherInstructions || "",
 						onChange: this.onTeacherInstructionsChanged,
 						imageSupport: i,
 						nonEmpty: !1,
-						error: ce,
-						toolbarOpts: fe,
-						pluginProps: ge(v?.inputConfiguration),
-						spellCheck: k,
-						maxImageWidth: d && d.teacherInstructions || le,
-						maxImageHeight: f && f.teacherInstructions || ue,
+						error: se,
+						toolbarOpts: de,
+						pluginProps: he(v?.inputConfiguration),
+						spellCheck: O,
+						maxImageWidth: d && d.teacherInstructions || ce,
+						maxImageHeight: f && f.teacherInstructions || le,
 						uploadSoundSupport: a,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 						mathMlOptions: x
-					}), ce && /* @__PURE__ */ P(YG, { children: ce })]
+					}), se && /* @__PURE__ */ P(YG, { children: se })]
 				}),
-				te && /* @__PURE__ */ F(VG, {
+				ee && /* @__PURE__ */ F(VG, {
 					label: m.label,
 					children: [/* @__PURE__ */ P(xV, {
 						markup: t.prompt,
@@ -36297,16 +36282,16 @@ var mG = ve, hG = mG.default, gG = hG && typeof hG == "object" ? hG : mG, _G = p
 						imageSupport: i,
 						nonEmpty: !1,
 						disableUnderline: !0,
-						error: ie,
-						toolbarOpts: fe,
-						pluginProps: ge(m?.inputConfiguration),
-						spellCheck: k,
-						maxImageWidth: le,
-						maxImageHeight: ue,
+						error: re,
+						toolbarOpts: de,
+						pluginProps: he(m?.inputConfiguration),
+						spellCheck: O,
+						maxImageWidth: ce,
+						maxImageHeight: le,
 						uploadSoundSupport: a,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 						mathMlOptions: x
-					}), ie && /* @__PURE__ */ P(YG, { children: ie })]
+					}), re && /* @__PURE__ */ P(YG, { children: re })]
 				}),
 				/* @__PURE__ */ F(qG, { children: [/* @__PURE__ */ P(UG, {
 					component: "div",
@@ -36315,17 +36300,17 @@ var mG = ve, hG = mG.default, gG = hG && typeof hG == "object" ? hG : mG, _G = p
 					disableFocusListener: !0,
 					disableTouchListener: !0,
 					placement: "right",
-					title: pe,
+					title: fe,
 					children: /* @__PURE__ */ P(vG, {
 						fontSize: "small",
 						color: "primary"
 					})
 				})] }),
 				/* @__PURE__ */ P(LG, {
-					responseAreasError: oe,
-					responseAreaChoicesError: se,
+					responseAreasError: ae,
+					responseAreaChoicesError: oe,
 					editableHtmlProps: {
-						pluginProps: ge(y?.inputConfiguration),
+						pluginProps: he(y?.inputConfiguration),
 						activePlugins: _r,
 						toolbarOpts: { position: "top" },
 						extraCSSRules: {
@@ -36340,7 +36325,7 @@ var mG = ve, hG = mG.default, gG = hG && typeof hG == "object" ? hG : mG, _G = p
 								this.validateResponseAreaClose(e, t, n, r, i);
 							},
 							respAreaToolbar: (e, t, n) => {
-								let [r, i] = e, { respAreaChoices: s } = this.state;
+								let [r, i] = e, s = this.state.respAreaChoices;
 								return (e) => /* @__PURE__ */ P(PG, {
 									...e,
 									onAddChoice: this.onAddChoice,
@@ -36351,7 +36336,7 @@ var mG = ve, hG = mG.default, gG = hG && typeof hG == "object" ? hG : mG, _G = p
 									editor: t,
 									onToolbarDone: n,
 									choices: s[r.attrs.index],
-									spellCheck: k,
+									spellCheck: O,
 									uploadSoundSupport: a,
 									mathMlOptions: x,
 									baseInputConfiguration: o,
@@ -36359,36 +36344,36 @@ var mG = ve, hG = mG.default, gG = hG && typeof hG == "object" ? hG : mG, _G = p
 								});
 							}
 						},
-						spellCheck: k,
+						spellCheck: O,
 						markup: t.slateMarkup || "",
 						onChange: this.onChange,
 						imageSupport: i,
 						disableImageAlignmentButtons: !0,
 						disabled: !1,
 						highlightShape: !1,
-						error: oe,
+						error: ae,
 						uploadSoundSupport: a,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 						mathMlOptions: x
 					}
 				}),
-				T && de(),
-				O && /* @__PURE__ */ F(VG, {
+				T && ue(),
+				te && /* @__PURE__ */ F(VG, {
 					label: h.label,
 					children: [/* @__PURE__ */ P(xV, {
 						markup: t.rationale || "",
 						onChange: this.onRationaleChanged,
 						imageSupport: i,
-						error: ae,
-						toolbarOpts: fe,
-						pluginProps: ge(h?.inputConfiguration),
-						spellCheck: k,
-						maxImageWidth: d && d.rationale || le,
-						maxImageHeight: f && f.rationale || ue,
+						error: ie,
+						toolbarOpts: de,
+						pluginProps: he(h?.inputConfiguration),
+						spellCheck: O,
+						maxImageWidth: d && d.rationale || ce,
+						maxImageHeight: f && f.rationale || le,
 						uploadSoundSupport: a,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 						mathMlOptions: x
-					}), ae && /* @__PURE__ */ P(YG, { children: ae })]
+					}), ie && /* @__PURE__ */ P(YG, { children: ie })]
 				}),
 				/* @__PURE__ */ P(aU, {
 					open: e.open,
@@ -36548,6 +36533,10 @@ var mG = ve, hG = mG.default, gG = hG && typeof hG == "object" ? hG : mG, _G = p
 	};
 	return n.replace(aK, (e, t) => r(t));
 }, sK = (0, Yt.default)("multiple-choice:configure"), cK = class e extends HTMLElement {
+	_root;
+	_model;
+	_configuration;
+	_disableSidePanel;
 	static prepareModel = (e = {}) => {
 		let t = {
 			...QG.model,
@@ -36566,7 +36555,8 @@ var mG = ve, hG = mG.default, gG = hG && typeof hG == "object" ? hG : mG, _G = p
 		this._model = e.prepareModel(t), this._render();
 	}
 	set configuration(e) {
-		this._configuration = st(e, QG.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({
+		let t = st(e, QG.configuration);
+		this._configuration = t, e.language?.enabled ? e.languageChoices?.options?.length && (this._model.language = e.languageChoices.options[0].value) : e.language.settings && this._model.language ? (t.language.enabled = !0, (!t.languageChoices.options || !t.languageChoices.options.length) && (t.languageChoices.options = []), t.languageChoices.options.find((e) => e.value === this._model.language) || t.languageChoices.options.push({
 			value: this._model.language,
 			label: this._model.language
 		})) : delete this._model.language, this._render();