@pie-element/categorize 0.1.0

package/dist/author/design/index.js

@@ -0,0 +1,410 @@
+import { getPluginProps as e } from "./utils.js";
+import t from "./categories/choice-preview.js";
+import 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 s from "./choices/choice.js";
+import 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";
+import p from "prop-types";
+import { styled as m } from "@mui/material/styles";
+import { DragOverlay as ee } from "@dnd-kit/core";
+import { countInAnswer as h, ensureNoExtraChoicesInAlternate as g, ensureNoExtraChoicesInAnswer as _, moveChoiceToAlternate as v, moveChoiceToCategory as y, removeChoiceFromAlternate as b, removeChoiceFromCategory as x, verifyAllowMultiplePlacements as S } from "@pie-lib/categorize";
+import { DragProvider as te, uid as C } from "@pie-lib/drag";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
+import E from "@pie-lib/translator";
+import { AlertDialog as ne, FeedbackConfig as re, InputContainer as D, layout as ie, settings as O } from "@pie-lib/config-ui";
+import k from "@pie-lib/editable-html-tip-tap";
+//#region src/author/design/index.tsx
+var { translator: ae } = E, { dropdown: A, Panel: oe, toggle: j, radio: M, numberField: N } = O, { Provider: se } = C, ce = class extends d.Component {
+	containerRef = d.createRef();
+	componentDidMount() {
+		this.containerRef.current && setTimeout(() => f(this.containerRef.current), 0);
+	}
+	render() {
+		return /* @__PURE__ */ w("div", {
+			ref: this.containerRef,
+			children: this.props.children
+		});
+	}
+}, P = m(n)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), F = m(D)(({ theme: e }) => ({
+	width: "100%",
+	paddingTop: e.spacing(2),
+	marginBottom: e.spacing(2)
+})), I = m("div")(({ theme: e }) => ({
+	fontSize: e.typography.fontSize - 2,
+	color: e.palette.error.main,
+	paddingTop: e.spacing(1)
+})), L = class extends d.Component {
+	static propTypes = {
+		configuration: p.object,
+		className: p.string,
+		onConfigurationChanged: p.func,
+		model: p.object.isRequired,
+		onChange: p.func.isRequired,
+		uid: p.string,
+		imageSupport: p.shape({
+			add: p.func.isRequired,
+			delete: p.func.isRequired
+		}),
+		uploadSoundSupport: p.shape({
+			add: p.func.isRequired,
+			delete: p.func.isRequired
+		})
+	};
+	constructor(e) {
+		super(e), this.uid = e.uid || C.generateId(), this.state = { activeDragItem: null };
+	}
+	updateModel = (e) => {
+		let { model: t, onChange: n } = this.props, r = {
+			...t,
+			...e
+		};
+		r.choices = r.choices.map((e) => ({
+			...e,
+			categoryCount: this.checkAllowMultiplePlacements(r.allowMultiplePlacementsEnabled, e)
+		})), r.correctResponse = _(r.correctResponse || [], r.choices), r.correctResponse = g(r.correctResponse || [], r.choices), r.categories = r.categories.map((e) => ({
+			id: e.id,
+			label: e.label
+		})), r.choices = r.choices.map((e) => ({
+			id: e.id,
+			content: e.content,
+			categoryCount: e.categoryCount
+		})), r.maxChoicesPerCategory = r.allowMaxChoicesPerCategory ? r.maxChoicesPerCategory : 0, n(r);
+	};
+	changeRationale = (e) => {
+		let { model: t, onChange: n } = this.props;
+		n({
+			...t,
+			rationale: e
+		});
+	};
+	changeTeacherInstructions = (e) => {
+		let { model: t, onChange: n } = this.props;
+		n({
+			...t,
+			teacherInstructions: e
+		});
+	};
+	changeFeedback = (e) => {
+		this.updateModel({ feedback: e });
+	};
+	onAddAlternateResponse = () => {
+		let { model: { correctResponse: e } } = this.props;
+		this.updateModel({ correctResponse: (e || []).map((e) => ({
+			...e,
+			alternateResponses: [...e.alternateResponses || [], []]
+		})) });
+	};
+	onPromptChanged = (e) => this.updateModel({ prompt: e });
+	onRemoveAlternateResponse = (e) => {
+		let { model: { correctResponse: t } } = this.props;
+		this.updateModel({ correctResponse: (t || []).map((t) => ({
+			...t,
+			alternateResponses: (t.alternateResponses || []).filter((t, n) => n !== e)
+		})) });
+	};
+	countChoiceInCorrectResponse = (e) => {
+		let { model: t } = this.props;
+		return h(e.id, t.correctResponse);
+	};
+	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;
+	};
+	onAlertModalCancel = () => {
+		let { model: e } = this.props, t = r(e);
+		this.updateModel({ maxChoicesPerCategory: t });
+	};
+	onDragStart = (e) => {
+		let { active: t } = e, n = t.data.current;
+		this.setState({ activeDragItem: n });
+	};
+	onDragEnd = ({ active: e, over: t }) => {
+		if (this.setState({ activeDragItem: null }), !e) return;
+		let { model: n } = this.props, { allowAlternateEnabled: r, categories: i = [], choices: a = [] } = n, o = e?.data?.current, s = t?.data?.current;
+		if (!o) return;
+		let c = o.choiceIndex || 0, l = s?.type, u = o.type === "choice-preview", d = o.type === "choice", f = o.choice?.id || (typeof o.id == "string" ? o.id.split("-")[0] : o.id);
+		if (u && (!s || l === "choice")) {
+			this.removeChoiceFromSource(o, c, {
+				allowAlternateEnabled: r,
+				categories: i,
+				choices: a
+			});
+			return;
+		}
+		if (u && l === "category") return this.moveChoice(f, o.categoryId, s.id, c);
+		if (d && l === "category") return this.addChoiceToCategory({ id: o.id }, s.id);
+		if (u && l === "category-alternate") return this.moveChoiceInAlternate(f, o.categoryId, s.id, c, s.alternateResponseIndex);
+		if (r && d && l === "category-alternate") return this.addChoiceToAlternateCategory({ id: o.id }, s.id, s.alternateResponseIndex);
+	};
+	removeChoiceFromSource = (e, t, { allowAlternateEnabled: n, categories: r, choices: i }) => {
+		if (e.alternateResponseIndex === void 0) {
+			this.deleteChoiceFromCategory(e.categoryId, e.choiceId, t);
+			return;
+		}
+		if (!n) return;
+		let a = r?.find((t) => t.id === e.categoryId), o = i?.find((t) => t.id === e.choiceId);
+		a && o && this.deleteChoiceFromAlternateCategory(a, o, t, e.alternateResponseIndex);
+	};
+	addChoiceToCategory = (e, t) => {
+		let { model: n } = this.props, { choices: i = [], correctResponse: a = [], maxChoicesPerCategory: o = 0 } = n || {}, s = (i || []).find((t) => t.id === e.id), c = y(e.id, void 0, t, 0, a);
+		s.categoryCount !== 0 && (c = S(e, t, c));
+		let l = r(n);
+		this.updateModel({
+			correctResponse: c,
+			maxChoicesPerCategory: o !== 0 && o < l ? o + 1 : o
+		});
+	};
+	deleteChoiceFromCategory = (e, t, n) => {
+		let { model: r } = this.props, i = x(t, e, n, r.correctResponse);
+		this.updateModel({ correctResponse: i });
+	};
+	moveChoice = (e, t, n, i) => {
+		let { model: a } = this.props, { choices: o, correctResponse: s = [], maxChoicesPerCategory: c = 0 } = a || {}, l = (o || []).find((t) => t.id === e);
+		if (n === t || !l) return;
+		l.categoryCount === 0 ? l.categoryCount === 0 && (s = y(l.id, void 0, n, 0, s)) : (s = y(l.id, t, n, i, s), s = S(l, n, s));
+		let u = r(a);
+		this.updateModel({
+			correctResponse: s,
+			maxChoicesPerCategory: c !== 0 && c < u ? c + 1 : c
+		});
+	};
+	addChoiceToAlternateCategory = (e, t, n) => {
+		let { model: i } = this.props, { correctResponse: a, choices: o, maxChoicesPerCategory: s = 0 } = i, c = o.find((t) => t.id === e.id);
+		a.forEach((r) => r.category === t ? (r.alternateResponses = r.alternateResponses || [], r.alternateResponses[n] === void 0 && (r.alternateResponses[n] = []), r.alternateResponses[n].push(e.id), c.categoryCount && c.categoryCount !== 0 && (r.alternateResponses[n] = r.alternateResponses[n].reduce((e, t) => (t === c.id ? e.findIndex((e) => e === c.id) === -1 && e.push(t) : e.push(t), e), [])), r) : (r.alternateResponses[n] && c.categoryCount !== 0 && (r.alternateResponses[n] = r.alternateResponses[n].filter((t) => t !== e.id)), r));
+		let l = r(i);
+		this.updateModel({
+			correctResponse: a,
+			maxChoicesPerCategory: s !== 0 && s < l ? s + 1 : s
+		});
+	};
+	moveChoiceInAlternate = (e, t, n, i, a) => {
+		let { model: o } = this.props, { choices: s, correctResponse: c = [], maxChoicesPerCategory: l = 0 } = o || {}, u = (s || []).find((t) => t.id === e);
+		c = v(e, t, n, i, c, a, u?.categoryCount);
+		let d = r(o);
+		this.updateModel({
+			correctResponse: c,
+			maxChoicesPerCategory: l !== 0 && l < d ? l + 1 : l
+		});
+	};
+	deleteChoiceFromAlternateCategory = (e, t, n, r) => {
+		let { model: i } = this.props, a = b(t.id, e.id, n, r, i.correctResponse);
+		this.updateModel({ correctResponse: a });
+	};
+	renderDragOverlay = () => {
+		let { activeDragItem: e } = this.state, { model: n, configuration: r } = this.props;
+		if (!e) return null;
+		if (e.type === "choice") {
+			let t = n.choices?.find((t) => t.id === e.id);
+			return t ? /* @__PURE__ */ w(s, {
+				choice: t,
+				configuration: r
+			}) : null;
+		} else if (e.type === "choice-preview" && e.alternateResponseIndex === void 0) {
+			let r = n.choices?.find((t) => t.id === e.id);
+			return r ? /* @__PURE__ */ w(t, { choice: r }) : null;
+		} else if (e.type === "choice-preview" && e.alternateResponseIndex !== void 0) {
+			let r = n.choices?.find((t) => t.id === e.id);
+			return r ? /* @__PURE__ */ w(t, {
+				choice: r,
+				alternateResponseIndex: e.alternateResponseIndex
+			}) : null;
+		}
+		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 || {
+			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 = {
+			partialScoring: D.settings && j(D.label),
+			lockChoiceOrder: b.settings && j(b.label),
+			categoriesPerRow: g.settings && N(g.label, {
+				label: g.label,
+				min: E,
+				max: 6
+			}),
+			choicesPosition: _.settings && M(_.label, [
+				"below",
+				"above",
+				"left",
+				"right"
+			]),
+			allowMultiplePlacementsEnabled: m.settings && A(m.label, [
+				i.enabled,
+				i.disabled,
+				i.perChoice
+			]),
+			maxAnswerChoices: K.settings && N(K.label, {
+				label: "",
+				min: Ce?.length || 0,
+				max: 30
+			}),
+			allowMaxChoicesPerCategory: C.settings && j(C.label),
+			maxChoicesPerCategory: de === !0 && N(C.label, {
+				label: "",
+				min: 0,
+				max: 30
+			}),
+			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", {
+			lng: r.language,
+			maxChoicesPerCategory: me
+		});
+		return /* @__PURE__ */ w(te, {
+			onDragStart: this.onDragStart,
+			onDragEnd: this.onDragEnd,
+			children: /* @__PURE__ */ T(se, {
+				value: this.uid,
+				children: [/* @__PURE__ */ T(ie.ConfigLayout, {
+					extraCSSRules: ye,
+					dimensions: v,
+					hideSettings: le,
+					settings: /* @__PURE__ */ w(oe, {
+						model: r,
+						onChangeModel: this.updateModel,
+						configuration: t,
+						onChangeConfiguration: f,
+						groups: {
+							Settings: we,
+							Properties: Te
+						},
+						modal: /* @__PURE__ */ w(ne, {
+							title: "Warning",
+							text: De,
+							open: Ee,
+							onClose: this.onAlertModalCancel
+						})
+					}),
+					children: [
+						_e && /* @__PURE__ */ T(F, {
+							label: V.label,
+							children: [/* @__PURE__ */ w(k, {
+								markup: r.teacherInstructions || "",
+								onChange: this.changeTeacherInstructions,
+								imageSupport: n,
+								error: X,
+								nonEmpty: !1,
+								toolbarOpts: Z,
+								pluginProps: e(V?.inputConfiguration, h),
+								spellCheck: q,
+								maxImageWidth: S && S.teacherInstructions || Q,
+								maxImageHeight: x && x.teacherInstructions || $,
+								uploadSoundSupport: s,
+								languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
+								mathMlOptions: U
+							}), X && /* @__PURE__ */ w(I, { children: X })]
+						}),
+						he && /* @__PURE__ */ T(F, {
+							label: O.label,
+							children: [/* @__PURE__ */ w(k, {
+								markup: r.prompt || "",
+								onChange: this.onPromptChanged,
+								imageSupport: n,
+								error: J,
+								nonEmpty: !1,
+								disableUnderline: !0,
+								toolbarOpts: Z,
+								pluginProps: e(O?.inputConfiguration, h),
+								spellCheck: q,
+								maxImageWidth: S && S.prompt,
+								maxImageHeight: x && x.prompt,
+								uploadSoundSupport: s,
+								languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
+								mathMlOptions: U
+							}), J && /* @__PURE__ */ w(I, { children: J })]
+						}),
+						/* @__PURE__ */ w(a, {
+							imageSupport: n,
+							uploadSoundSupport: s,
+							model: r,
+							categories: xe || [],
+							onModelChanged: this.updateModel,
+							toolbarOpts: Z,
+							spellCheck: q,
+							configuration: t,
+							defaultImageMaxWidth: Q,
+							defaultImageMaxHeight: $,
+							mathMlOptions: U
+						}),
+						/* @__PURE__ */ w(c, {
+							imageSupport: n,
+							uploadSoundSupport: s,
+							choices: Ce,
+							model: r,
+							onModelChanged: this.updateModel,
+							toolbarOpts: Z,
+							spellCheck: q,
+							configuration: t,
+							defaultImageMaxWidth: Q,
+							defaultImageMaxHeight: $
+						}),
+						ue && /* @__PURE__ */ w(P, {
+							label: "Alternate Responses",
+							buttonLabel: "ADD AN ALTERNATE RESPONSE",
+							onAdd: this.onAddAlternateResponse
+						}),
+						ue && Se.map((e, i) => /* @__PURE__ */ T(d.Fragment, { children: [/* @__PURE__ */ w(P, {
+							variant: "subtitle1",
+							label: "Alternate Response",
+							buttonLabel: "REMOVE ALTERNATE RESPONSE",
+							onAdd: () => this.onRemoveAlternateResponse(i)
+						}), /* @__PURE__ */ w(o, {
+							altIndex: i,
+							imageSupport: n,
+							model: r,
+							configuration: t,
+							categories: e,
+							onModelChanged: this.updateModel,
+							uploadSoundSupport: s,
+							mathMlOptions: U
+						})] }, i)),
+						ge && /* @__PURE__ */ T(F, {
+							label: L.label,
+							children: [/* @__PURE__ */ w(k, {
+								markup: r.rationale || "",
+								onChange: this.changeRationale,
+								imageSupport: n,
+								error: Y,
+								nonEmpty: !1,
+								toolbarOpts: Z,
+								pluginProps: e(O?.inputConfiguration, h),
+								spellCheck: q,
+								maxImageWidth: S && S.rationale || Q,
+								maxImageHeight: x && x.rationale || $,
+								uploadSoundSupport: s,
+								languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
+								mathMlOptions: U
+							}), Y && /* @__PURE__ */ w(I, { children: Y })]
+						}),
+						pe && /* @__PURE__ */ w(re, {
+							feedback: r.feedback,
+							onChange: this.changeFeedback,
+							toolbarOpts: Z
+						})
+					]
+				}), /* @__PURE__ */ w(ee, { children: /* @__PURE__ */ w(ce, { children: this.renderDragOverlay() }) })]
+			})
+		});
+	}
+};
+//#endregion
+export { L as default };

package/dist/author/design/input-header.d.ts

@@ -0,0 +1,40 @@
+/**
+ * @synced-from pie-elements/packages/categorize/configure/src/design/input-header.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 InputHeader extends React.Component {
+    static propTypes: {
+        configuration: PropTypes.Validator<object>;
+        deleteFocusedEl: PropTypes.Requireable<(...args: any[]) => any>;
+        disabled: PropTypes.Requireable<boolean>;
+        focusedEl: PropTypes.Requireable<number>;
+        index: PropTypes.Requireable<number>;
+        label: PropTypes.Requireable<string>;
+        maxImageWidth: PropTypes.Requireable<object>;
+        maxImageHeight: PropTypes.Requireable<object>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onDelete: PropTypes.Requireable<(...args: any[]) => any>;
+        imageSupport: PropTypes.Requireable<PropTypes.InferProps<{
+            add: PropTypes.Validator<(...args: any[]) => any>;
+            delete: PropTypes.Validator<(...args: any[]) => any>;
+        }>>;
+        uploadSoundSupport: PropTypes.Requireable<PropTypes.InferProps<{
+            add: PropTypes.Validator<(...args: any[]) => any>;
+            delete: PropTypes.Validator<(...args: any[]) => any>;
+        }>>;
+        toolbarOpts: PropTypes.Requireable<object>;
+        error: PropTypes.Requireable<string>;
+        spellCheck: PropTypes.Requireable<boolean>;
+    };
+    static defaultProps: {};
+    constructor(props: any);
+    render(): React.JSX.Element;
+}
+export default InputHeader;
+//# sourceMappingURL=input-header.d.ts.map

package/dist/author/design/input-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-header.d.ts","sourceRoot":"","sources":["../../../src/author/design/input-header.tsx"],"names":[],"mappings":"AACA;;;;;;;GAOG;AAGH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAenC,qBAAa,WAAY,SAAQ,KAAK,CAAC,SAAS;IAC9C,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;MAsBd;IAEF,MAAM,CAAC,YAAY,KAAM;gBAEb,KAAK,KAAA;IAIjB,MAAM;CAgDP;AAED,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,69 @@
+import { getPluginProps as e } from "./utils.js";
+import t from "react";
+import n from "prop-types";
+import { styled as r } from "@mui/material/styles";
+import { jsx as i } from "react/jsx-runtime";
+import a from "@pie-lib/editable-html-tip-tap";
+//#region src/author/design/input-header.tsx
+var o = r(a)(({ theme: e }) => ({
+	flex: "1",
+	paddingBottom: e.spacing(1),
+	maxWidth: "100%"
+})), s = r("div")({
+	display: "flex",
+	justifyContent: "space-between"
+}), c = class extends t.Component {
+	static propTypes = {
+		configuration: n.object.isRequired,
+		deleteFocusedEl: n.func,
+		disabled: n.bool,
+		focusedEl: n.number,
+		index: n.number,
+		label: n.string,
+		maxImageWidth: n.object,
+		maxImageHeight: n.object,
+		onChange: n.func,
+		onDelete: n.func,
+		imageSupport: n.shape({
+			add: n.func.isRequired,
+			delete: n.func.isRequired
+		}),
+		uploadSoundSupport: n.shape({
+			add: n.func.isRequired,
+			delete: n.func.isRequired
+		}),
+		toolbarOpts: n.object,
+		error: n.string,
+		spellCheck: n.bool
+	};
+	static defaultProps = {};
+	constructor(e) {
+		super(e);
+	}
+	render() {
+		let { onChange: t, configuration: n, label: r, deleteFocusedEl: a, disabled: c, imageSupport: l, toolbarOpts: u, spellCheck: d, error: f, maxImageWidth: p, maxImageHeight: m, uploadSoundSupport: h, mathMlOptions: g = {}, focusedEl: _, index: v } = this.props, { headers: y, baseInputConfiguration: b } = n;
+		return /* @__PURE__ */ i(s, { children: /* @__PURE__ */ i(o, {
+			imageSupport: l,
+			disabled: c,
+			autoFocus: _ != null && _ === v,
+			autoWidthToolbar: !0,
+			label: "label",
+			markup: r,
+			onChange: t,
+			pluginProps: e(y?.inputConfiguration, b),
+			toolbarOpts: u,
+			spellCheck: d,
+			error: f,
+			maxImageWidth: p,
+			maxImageHeight: m,
+			uploadSoundSupport: h,
+			languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
+			onDone: () => {
+				a && a();
+			},
+			mathMlOptions: g
+		}) });
+	}
+};
+//#endregion
+export { c as default };

package/dist/author/design/utils.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @synced-from pie-elements/packages/categorize/configure/src/design/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 getPluginProps: (props?: {}, baseInputConfiguration?: {}) => {};
+//# sourceMappingURL=utils.d.ts.map

package/dist/author/design/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/author/design/utils.ts"],"names":[],"mappings":"AACA;;;;;;;GAOG;AAEH,eAAO,MAAM,cAAc,GAAI,UAAU,EAAE,2BAA2B,OAGpE,CAAC"}

package/dist/author/design/utils.js

@@ -0,0 +1,7 @@
+//#region src/author/design/utils.ts
+var e = (e = {}, t = {}) => ({
+	...t,
+	...e
+});
+//#endregion
+export { e as getPluginProps };

package/dist/author/index.d.ts

@@ -0,0 +1,52 @@
+/**
+ * @synced-from pie-elements/packages/categorize/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 CategorizeConfigure extends HTMLElement {
+    static createDefaultModel: (model?: {}) => {
+        allowAlternateEnabled: boolean;
+        allowMaxChoicesPerCategory: boolean;
+        allowMultiplePlacementsEnabled: string;
+        alternates: never[];
+        categories: never[];
+        categoriesPerRow: number;
+        choices: never[];
+        choicesLabel: string;
+        choicesPosition: string;
+        correctResponse: never[];
+        feedbackEnabled: boolean;
+        lockChoiceOrder: boolean;
+        maxAnswerChoices: number;
+        maxChoicesPerCategory: number;
+        partialScoring: boolean;
+        promptEnabled: boolean;
+        rationaleEnabled: boolean;
+        rowLabels: string[];
+        studentInstructionsEnabled: boolean;
+        teacherInstructionsEnabled: boolean;
+        toolbarEditorPosition: string;
+        minRowHeight: string;
+    };
+    static disableAlternateResponses: (m: any) => any;
+    constructor();
+    set model(m: any);
+    set configuration(c: any);
+    onModelChanged(m: any): void;
+    onConfigurationChanged(c: any): void;
+    connectedCallback(): void;
+    /**
+     *
+     * @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;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/author/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/author/index.ts"],"names":[],"mappings":"AACA;;;;;;;GAOG;AAiBH,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,WAAW;IAC1D,MAAM,CAAC,kBAAkB,GAAI,UAAU;;;;;;;;;;;;;;;;;;;;;;;MAGpC;IAIH,MAAM,CAAC,yBAAyB,GAAI,MAAC,SAYnC;;IASF,IAAI,KAAK,CAAC,CAAC,KAAA,EASV;IAED,IAAI,aAAa,CAAC,CAAC,KAAA,EAoClB;IAED,cAAc,CAAC,CAAC,KAAA;IAOhB,sBAAsB,CAAC,CAAC,KAAA;IAKxB,iBAAiB;IAIjB;;;OAGG;IACH,WAAW,CAAC,OAAO,KAAA;IAInB,aAAa,CAAC,GAAG,KAAA,EAAE,IAAI,KAAA;IAIvB,WAAW,CAAC,OAAO,KAAA;IAInB,aAAa,CAAC,GAAG,KAAA,EAAE,IAAI,KAAA;IAIvB,MAAM;IA0BN,oBAAoB;CAKrB"}