@pie-element/categorize 13.1.2-next.4 → 13.1.2-next.6

package/dist/author/defaults.d.ts

@@ -10,7 +10,6 @@ declare const _default: {
     model: {
         allowAlternateEnabled: boolean;
         allowMaxChoicesPerCategory: boolean;
-        allowMultiplePlacementsEnabled: string;
         alternates: never[];
         categories: never[];
         categoriesPerRow: number;

package/dist/author/defaults.js

@@ -1,10 +1,8 @@
-import { multiplePlacements as e } from "./utils.js";
 //#region src/author/defaults.ts
-var t = {
+var e = {
 	model: {
 		allowAlternateEnabled: !0,
 		allowMaxChoicesPerCategory: !1,
-		allowMultiplePlacementsEnabled: e.enabled,
 		alternates: [],
 		categories: [],
 		categoriesPerRow: 2,
@@ -167,4 +165,4 @@ var t = {
 	}
 };
 //#endregion
-export { t as default };
+export { e as default };

package/dist/author/design/buttons.js

@@ -22,10 +22,10 @@ var a = n(i)(({ theme: e }) => ({ height: e.spacing(4) })), o = class extends e.
 			children: e
 		});
 	}
-}, s = n(i)({
+}, s = o, c = n(i)({
 	margin: 0,
 	padding: 0
-}), c = ({ label: e, onClick: t, disabled: n }) => /* @__PURE__ */ r(s, {
+}), l = ({ label: e, onClick: t, disabled: n }) => /* @__PURE__ */ r(c, {
 	onClick: t,
 	size: "small",
 	color: "primary",
@@ -33,4 +33,4 @@ var a = n(i)(({ theme: e }) => ({ height: e.spacing(4) })), o = class extends e.
 	children: e
 });
 //#endregion
-export { o as AddButton, c as DeleteButton };
+export { s as AddButton, l as DeleteButton, o as RawAddButton };

package/dist/author/design/categories/alternateResponses.js

@@ -1,4 +1,4 @@
-import e from "./category.js";
+import { Category as e } from "./category.js";
 import t from "react";
 import n from "prop-types";
 import { styled as r } from "@mui/material/styles";
@@ -59,4 +59,4 @@ var s = r("div")(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), c = r("d
 	}
 };
 //#endregion
-export { u as default };
+export { u as AlternateResponses, u as default };

package/dist/author/design/categories/category.js

@@ -1,4 +1,4 @@
-import e from "../input-header.js";
+import { InputHeader as e } from "../input-header.js";
 import { DeleteButton as t } from "../buttons.js";
 import n from "./droppable-placeholder.js";
 import r from "react";
@@ -95,4 +95,4 @@ var u = a(c, { shouldForwardProp: (e) => e !== "isDuplicated" })(({ theme: e, is
 	}
 };
 //#endregion
-export { m as default };
+export { m as Category, m as default };

package/dist/author/design/categories/choice-preview.js

@@ -57,4 +57,4 @@ var p = f(n, "HtmlAndMath") || f(g.HtmlAndMath, "HtmlAndMath"), m = t, h = m.def
 	}
 };
 //#endregion
-export { y as default };
+export { y as ChoicePreview, y as default };

package/dist/author/design/categories/droppable-placeholder.js

@@ -1,4 +1,4 @@
-import e from "./choice-preview.js";
+import { ChoicePreview as e } from "./choice-preview.js";
 import t from "react";
 import n from "prop-types";
 import r from "debug";

package/dist/author/design/categories/index.js

@@ -1,5 +1,5 @@
-import e from "./category.js";
-import t from "../header.js";
+import { Category as e } from "./category.js";
+import { Header as t } from "../header.js";
 import { generateValidationMessage as n } from "../../utils.js";
 import { RowLabel as r } from "./RowLabel.js";
 import i from "react";
@@ -143,4 +143,4 @@ var m = o("div")(({ theme: e }) => ({ marginBottom: e.spacing(3) })), h = o("div
 	}
 };
 //#endregion
-export { v as default };
+export { v as Categories, v as default };

package/dist/author/design/choices/choice.js

@@ -1,4 +1,4 @@
-import e from "../input-header.js";
+import { InputHeader as e } from "../input-header.js";
 import { DeleteButton as t } from "../buttons.js";
 import { multiplePlacements as n } from "../../utils.js";
 import "react";
@@ -17,7 +17,7 @@ i("@pie-element:categorize:configure:choice");
 var h = (e) => {
 	if (e.lockChoiceOrder) return !0;
 	let t = e.choice.categoryCount || 0;
-	return t === 0 ? !0 : e.correctResponseCount < t;
+	return t === 0 || e.correctResponseCount < t;
 }, g = a(f)(({ theme: e }) => ({
 	minWidth: "196px",
 	padding: e.spacing(1),

package/dist/author/design/choices/config.js

@@ -30,4 +30,4 @@ var a = n("div")(({ theme: e }) => ({
 	}
 };
 //#endregion
-export { s as default };
+export { s as Config, s as default };

package/dist/author/design/choices/index.js

@@ -1,6 +1,6 @@
-import e from "../header.js";
+import { Header as e } from "../header.js";
 import t from "./choice.js";
-import n from "./config.js";
+import { Config as n } from "./config.js";
 import r from "react";
 import i from "prop-types";
 import { styled as a } from "@mui/material/styles";
@@ -107,4 +107,4 @@ var u = a("div")(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), d = a("d
 	}
 };
 //#endregion
-export { p as default };
+export { p as Choices, p as default };

package/dist/author/design/header.js

@@ -46,4 +46,4 @@ var c = r("div")(({ theme: e }) => ({
 	}
 };
 //#endregion
-export { d as default };
+export { d as Header, d as default };

package/dist/author/design/index.js

@@ -1,11 +1,11 @@
 import { getPluginProps as e } from "./utils.js";
-import t from "./categories/choice-preview.js";
-import n from "./header.js";
+import { ChoicePreview as t } from "./categories/choice-preview.js";
+import { Header as n } from "./header.js";
 import { getMaxCategoryChoices as r, multiplePlacements as i } from "../utils.js";
-import a from "./categories/index.js";
-import o from "./categories/alternateResponses.js";
+import { Categories as a } from "./categories/index.js";
+import { AlternateResponses as o } from "./categories/alternateResponses.js";
 import s from "./choices/choice.js";
-import c from "./choices/index.js";
+import { Choices as c } from "./choices/index.js";
 import { buildAlternateResponses as l, buildCategories as u } from "./builder.js";
 import d from "react";
 import { renderMath as f } from "@pie-element/shared-math-rendering-mathjax";
@@ -30,16 +30,16 @@ var { translator: ae } = E, { dropdown: A, Panel: oe, toggle: j, radio: M, numbe
 			children: this.props.children
 		});
 	}
-}, P = m(n)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), F = m(D)(({ theme: e }) => ({
+}, le = m(n)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), P = m(D)(({ theme: e }) => ({
 	width: "100%",
 	paddingTop: e.spacing(1),
 	marginTop: e.spacing(1),
 	marginBottom: e.spacing(2)
-})), I = m("div")(({ theme: e }) => ({
+})), F = m("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(1)
-})), L = class extends d.Component {
+})), I = class extends d.Component {
 	static propTypes = {
 		configuration: p.object,
 		className: p.string,
@@ -115,7 +115,7 @@ var { translator: ae } = E, { dropdown: A, Panel: oe, toggle: j, radio: M, numbe
 	checkAllowMultiplePlacements = (e, t) => e === i.enabled ? 0 : e === i.disabled ? 1 : t.categoryCount || 0;
 	isAlertModalOpened = () => {
 		let { model: e } = this.props, { maxChoicesPerCategory: t = 0 } = e || {}, n = r(e);
-		return t === 0 ? !1 : n > t;
+		return t !== 0 && n > t;
 	};
 	onAlertModalCancel = () => {
 		let { model: e } = this.props, t = r(e);
@@ -225,12 +225,16 @@ var { translator: ae } = E, { dropdown: A, Panel: oe, toggle: j, radio: M, numbe
 		return null;
 	};
 	render() {
-		let { configuration: t, imageSupport: n, model: r, uploadSoundSupport: s, onConfigurationChanged: f } = this.props, { allowAlternate: p = {}, allowMultiplePlacements: m = {}, baseInputConfiguration: h = {}, categoriesPerRow: g = {}, choicesPosition: _ = {}, contentDimensions: v = {}, feedback: y = {}, lockChoiceOrder: b = {}, maxImageHeight: x = {}, maxImageWidth: S = {}, maxPlacements: C = {}, minCategoriesPerRow: E = 1, partialScoring: D = {}, prompt: O = {}, rationale: L = {}, scoringType: R = {}, settingsPanelDisabled: le, spellCheck: z = {}, studentInstructions: B = {}, teacherInstructions: V = {}, withRubric: H = {}, mathMlOptions: U = {}, language: W = {}, languageChoices: G = {}, allowMaxAnswerChoices: K = {} } = t || {}, { allowAlternateEnabled: ue, allowMaxChoicesPerCategory: de, errors: fe, feedbackEnabled: pe, maxChoicesPerCategory: me, promptEnabled: he, rationaleEnabled: ge, spellCheckEnabled: q, teacherInstructionsEnabled: _e, toolbarEditorPosition: ve, extraCSSRules: ye } = r || {}, { prompt: J, rationale: Y, teacherInstructions: X } = fe || {}, Z = { position: ve === "top" ? "top" : "bottom" }, be = r.config || {};
-		be.choices = be.choices || {
+		let { configuration: t, imageSupport: n, model: r, uploadSoundSupport: s, onConfigurationChanged: f } = this.props, { allowAlternate: p = {}, allowMultiplePlacements: m = {}, baseInputConfiguration: h = {}, categoriesPerRow: g = {}, choicesPosition: _ = {}, contentDimensions: v = {}, feedback: y = {}, lockChoiceOrder: b = {}, maxImageHeight: x = {}, maxImageWidth: S = {}, maxPlacements: C = {}, minCategoriesPerRow: E = 1, partialScoring: D = {}, prompt: O = {}, rationale: I = {}, scoringType: L = {}, settingsPanelDisabled: ue, spellCheck: R = {}, studentInstructions: z = {}, teacherInstructions: B = {}, withRubric: V = {}, mathMlOptions: H = {}, language: U = {}, languageChoices: W = {}, allowMaxAnswerChoices: de = {} } = t || {}, { allowAlternateEnabled: fe, allowMaxChoicesPerCategory: pe, errors: me, feedbackEnabled: he, maxChoicesPerCategory: ge, promptEnabled: _e, rationaleEnabled: ve, spellCheckEnabled: G, teacherInstructionsEnabled: ye, toolbarEditorPosition: be, extraCSSRules: xe } = r || {}, { prompt: K, rationale: q, teacherInstructions: J } = me || {}, Y = { position: be === "top" ? "top" : "bottom" }, Se = r.config || {};
+		Se.choices = Se.choices || {
 			label: "",
 			columns: 2
 		};
-		let xe = u(r.categories || [], r.choices || [], r.correctResponse || []), Se = l(r.categories || [], r.choices || [], r.correctResponse || []), Ce = r.choices.map((e) => (e.correctResponseCount = this.countChoiceInCorrectResponse(e), e.categoryCount = this.checkAllowMultiplePlacements(r.allowMultiplePlacementsEnabled, e), e)), Q = S && S.prompt, $ = x && x.prompt, we = {
+		let Ce = u(r.categories || [], r.choices || [], r.correctResponse || []), we = l(r.categories || [], r.choices || [], r.correctResponse || []), X = (() => {
+			if (r.allowMultiplePlacementsEnabled != null) return r.allowMultiplePlacementsEnabled;
+			let e = (r.correctResponse || []).flatMap((e) => e.choices || []);
+			return e.length === new Set(e).size ? i.disabled : i.enabled;
+		})(), Z = r.choices.map((e) => (e.correctResponseCount = this.countChoiceInCorrectResponse(e), e.categoryCount = this.checkAllowMultiplePlacements(X, e), e)), Q = S && S.prompt, $ = x && x.prompt, Te = {
 			partialScoring: D.settings && j(D.label),
 			lockChoiceOrder: b.settings && j(b.label),
 			categoriesPerRow: g.settings && N(g.label, {
@@ -249,13 +253,13 @@ var { translator: ae } = E, { dropdown: A, Panel: oe, toggle: j, radio: M, numbe
 				i.disabled,
 				i.perChoice
 			]),
-			maxAnswerChoices: K.settings && N(K.label, {
+			maxAnswerChoices: de.settings && N(de.label, {
 				label: "",
-				min: Ce?.length || 0,
+				min: Z?.length || 0,
 				max: 30
 			}),
 			allowMaxChoicesPerCategory: C.settings && j(C.label),
-			maxChoicesPerCategory: de === !0 && N(C.label, {
+			maxChoicesPerCategory: pe === !0 && N(C.label, {
 				label: "",
 				min: 0,
 				max: 30
@@ -263,18 +267,18 @@ var { translator: ae } = E, { dropdown: A, Panel: oe, toggle: j, radio: M, numbe
 			promptEnabled: O.settings && j(O.label),
 			feedbackEnabled: y.settings && j(y.label),
 			allowAlternateEnabled: p.settings && j(p.label),
-			"language.enabled": W.settings && j(W.label, !0),
-			language: W.settings && W.enabled && A(G.label, G.options)
-		}, Te = {
-			teacherInstructionsEnabled: V.settings && j(V.label),
-			studentInstructionsEnabled: B.settings && j(B.label),
-			rationaleEnabled: L.settings && j(L.label),
-			spellCheckEnabled: z.settings && j(z.label),
-			scoringType: R.settings && M(R.label, ["auto", "rubric"]),
-			rubricEnabled: H?.settings && j(H?.label)
-		}, Ee = this.isAlertModalOpened(), De = ae.t("translation:categorize:maxChoicesPerCategoryRestriction", {
+			"language.enabled": U.settings && j(U.label, !0),
+			language: U.settings && U.enabled && A(W.label, W.options)
+		}, Ee = {
+			teacherInstructionsEnabled: B.settings && j(B.label),
+			studentInstructionsEnabled: z.settings && j(z.label),
+			rationaleEnabled: I.settings && j(I.label),
+			spellCheckEnabled: R.settings && j(R.label),
+			scoringType: L.settings && M(L.label, ["auto", "rubric"]),
+			rubricEnabled: V?.settings && j(V?.label)
+		}, De = this.isAlertModalOpened(), Oe = ae.t("translation:categorize:maxChoicesPerCategoryRestriction", {
 			lng: r.language,
-			maxChoicesPerCategory: me
+			maxChoicesPerCategory: ge
 		});
 		return /* @__PURE__ */ w(te, {
 			onDragStart: this.onDragStart,
@@ -282,94 +286,100 @@ var { translator: ae } = E, { dropdown: A, Panel: oe, toggle: j, radio: M, numbe
 			children: /* @__PURE__ */ T(se, {
 				value: this.uid,
 				children: [/* @__PURE__ */ T(ie.ConfigLayout, {
-					extraCSSRules: ye,
+					extraCSSRules: xe,
 					dimensions: v,
-					hideSettings: le,
+					hideSettings: ue,
 					settings: /* @__PURE__ */ w(oe, {
-						model: r,
+						model: {
+							...r,
+							allowMultiplePlacementsEnabled: X
+						},
 						onChangeModel: this.updateModel,
 						configuration: t,
 						onChangeConfiguration: f,
 						groups: {
-							Settings: we,
-							Properties: Te
+							Settings: Te,
+							Properties: Ee
 						},
 						modal: /* @__PURE__ */ w(ne, {
 							title: "Warning",
-							text: De,
-							open: Ee,
+							text: Oe,
+							open: De,
 							onClose: this.onAlertModalCancel
 						})
 					}),
 					children: [
-						_e && /* @__PURE__ */ T(F, {
-							label: V.label,
+						ye && /* @__PURE__ */ T(P, {
+							label: B.label,
 							children: [/* @__PURE__ */ w(k, {
 								markup: r.teacherInstructions || "",
 								onChange: this.changeTeacherInstructions,
 								imageSupport: n,
-								error: X,
+								error: J,
 								nonEmpty: !1,
-								toolbarOpts: Z,
-								pluginProps: e(V?.inputConfiguration, h),
-								spellCheck: q,
+								toolbarOpts: Y,
+								pluginProps: e(B?.inputConfiguration, h),
+								spellCheck: G,
 								maxImageWidth: S && S.teacherInstructions || Q,
 								maxImageHeight: x && x.teacherInstructions || $,
 								uploadSoundSupport: s,
 								languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-								mathMlOptions: U
-							}), X && /* @__PURE__ */ w(I, { children: X })]
+								mathMlOptions: H
+							}), J && /* @__PURE__ */ w(F, { children: J })]
 						}),
-						he && /* @__PURE__ */ T(F, {
+						_e && /* @__PURE__ */ T(P, {
 							label: O.label,
 							children: [/* @__PURE__ */ w(k, {
 								markup: r.prompt || "",
 								onChange: this.onPromptChanged,
 								imageSupport: n,
-								error: J,
+								error: K,
 								nonEmpty: !1,
 								disableUnderline: !0,
-								toolbarOpts: Z,
+								toolbarOpts: Y,
 								pluginProps: e(O?.inputConfiguration, h),
-								spellCheck: q,
+								spellCheck: G,
 								maxImageWidth: S && S.prompt,
 								maxImageHeight: x && x.prompt,
 								uploadSoundSupport: s,
 								languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-								mathMlOptions: U
-							}), J && /* @__PURE__ */ w(I, { children: J })]
+								mathMlOptions: H
+							}), K && /* @__PURE__ */ w(F, { children: K })]
 						}),
 						/* @__PURE__ */ w(a, {
 							imageSupport: n,
 							uploadSoundSupport: s,
 							model: r,
-							categories: xe || [],
+							categories: Ce || [],
 							onModelChanged: this.updateModel,
-							toolbarOpts: Z,
-							spellCheck: q,
+							toolbarOpts: Y,
+							spellCheck: G,
 							configuration: t,
 							defaultImageMaxWidth: Q,
 							defaultImageMaxHeight: $,
-							mathMlOptions: U
+							mathMlOptions: H
 						}),
 						/* @__PURE__ */ w(c, {
 							imageSupport: n,
 							uploadSoundSupport: s,
-							choices: Ce,
-							model: r,
+							choices: Z,
+							model: {
+								...r,
+								allowMultiplePlacementsEnabled: X
+							},
 							onModelChanged: this.updateModel,
-							toolbarOpts: Z,
-							spellCheck: q,
+							toolbarOpts: Y,
+							spellCheck: G,
 							configuration: t,
 							defaultImageMaxWidth: Q,
 							defaultImageMaxHeight: $
 						}),
-						ue && /* @__PURE__ */ w(P, {
+						fe && /* @__PURE__ */ w(le, {
 							label: "Alternate Responses",
 							buttonLabel: "ADD AN ALTERNATE RESPONSE",
 							onAdd: this.onAddAlternateResponse
 						}),
-						ue && Se.map((e, i) => /* @__PURE__ */ T(d.Fragment, { children: [/* @__PURE__ */ w(P, {
+						fe && we.map((e, i) => /* @__PURE__ */ T(d.Fragment, { children: [/* @__PURE__ */ w(le, {
 							variant: "subtitle1",
 							label: "Alternate Response",
 							buttonLabel: "REMOVE ALTERNATE RESPONSE",
@@ -382,30 +392,30 @@ var { translator: ae } = E, { dropdown: A, Panel: oe, toggle: j, radio: M, numbe
 							categories: e,
 							onModelChanged: this.updateModel,
 							uploadSoundSupport: s,
-							mathMlOptions: U
+							mathMlOptions: H
 						})] }, i)),
-						ge && /* @__PURE__ */ T(F, {
-							label: L.label,
+						ve && /* @__PURE__ */ T(P, {
+							label: I.label,
 							children: [/* @__PURE__ */ w(k, {
 								markup: r.rationale || "",
 								onChange: this.changeRationale,
 								imageSupport: n,
-								error: Y,
+								error: q,
 								nonEmpty: !1,
-								toolbarOpts: Z,
+								toolbarOpts: Y,
 								pluginProps: e(O?.inputConfiguration, h),
-								spellCheck: q,
+								spellCheck: G,
 								maxImageWidth: S && S.rationale || Q,
 								maxImageHeight: x && x.rationale || $,
 								uploadSoundSupport: s,
 								languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-								mathMlOptions: U
-							}), Y && /* @__PURE__ */ w(I, { children: Y })]
+								mathMlOptions: H
+							}), q && /* @__PURE__ */ w(F, { children: q })]
 						}),
-						pe && /* @__PURE__ */ w(re, {
+						he && /* @__PURE__ */ w(re, {
 							feedback: r.feedback,
 							onChange: this.changeFeedback,
-							toolbarOpts: Z
+							toolbarOpts: Y
 						})
 					]
 				}), /* @__PURE__ */ w(ee, { children: /* @__PURE__ */ w(ce, { children: this.renderDragOverlay() }) })]
@@ -414,4 +424,4 @@ var { translator: ae } = E, { dropdown: A, Panel: oe, toggle: j, radio: M, numbe
 	}
 };
 //#endregion
-export { L as default };
+export { I as Design, I as default };

package/dist/author/design/input-header.js

@@ -66,4 +66,4 @@ var o = r(a)({
 	}
 };
 //#endregion
-export { c as default };
+export { c as InputHeader, c as default };

package/dist/author/index.d.ts

@@ -10,7 +10,6 @@ export default class CategorizeConfigure extends HTMLElement {
     static createDefaultModel: (model?: {}) => {
         allowAlternateEnabled: boolean;
         allowMaxChoicesPerCategory: boolean;
-        allowMultiplePlacementsEnabled: string;
         alternates: never[];
         categories: never[];
         categoriesPerRow: number;

package/dist/author/index.js

@@ -1,4 +1,4 @@
-import e from "./main.js";
+import { Main as e } from "./main.js";
 import t from "./defaults.js";
 import n from "react";
 import { createRoot as r } from "react-dom/client";
@@ -80,7 +80,7 @@ var u = class u extends HTMLElement {
 		}, 0);
 	}
 	disconnectedCallback() {
-		this._root && this._root.unmount();
+		this._root &&= (this._root.unmount(), null);
 	}
 };
 //#endregion

package/dist/author/main.js

@@ -1,4 +1,4 @@
-import e from "./design/index.js";
+import { Design as e } from "./design/index.js";
 import t from "react";
 import n from "prop-types";
 import { jsx as r } from "react/jsx-runtime";
@@ -27,4 +27,4 @@ var i = class extends t.Component {
 	}
 };
 //#endregion
-export { i as default };
+export { i as Main, i as default };

package/dist/author/utils.js

@@ -14,4 +14,4 @@ var e = (e) => {
 	}, 0);
 };
 //#endregion
-export { e as generateValidationMessage, r as getMaxCategoryChoices, t as multiplePlacements };
+export { e as generateValidationMessage, r as getMaxCategoryChoices, n as maxLength, t as multiplePlacements };