@pie-element/math-inline 13.0.4-next.20261009061152 → 13.0.4-next.20261011221311

package/dist/author/configure.d.ts

@@ -1,17 +1,27 @@
 import React from 'react';
-import PropTypes from 'prop-types';
-export declare class Configure extends React.Component {
-    static propTypes: {
-        onModelChanged: PropTypes.Requireable<(...args: any[]) => any>;
-        onConfigurationChanged: PropTypes.Requireable<(...args: any[]) => any>;
-        model: PropTypes.Validator<object>;
-        configuration: PropTypes.Validator<object>;
-        imageSupport: PropTypes.Requireable<object>;
-        uploadSoundSupport: PropTypes.Requireable<object>;
-    };
-    onChange: any;
-    changeTeacherInstructions: any;
-    onFeedbackChange: any;
+import type { DeleteDone, ImageHandler, SoundHandler } from '@pie-element/shared-configure-events';
+import type { MathInlineValidationErrors } from '../controller/index.js';
+import type { ComplexFeedback, MathInlineConfiguration, MathInlineModel } from '../types.js';
+/** The model the author edits; the host sets `errors` from the controller's `validate()`. */
+export type AuthorModel = Partial<MathInlineModel> & {
+    errors?: MathInlineValidationErrors;
+};
+type MediaSupport<Handler> = {
+    add: (handler: Handler) => void;
+    delete: (src: string, done: DeleteDone) => void;
+};
+export type ConfigureProps = {
+    model: AuthorModel;
+    configuration: MathInlineConfiguration;
+    onModelChanged: (model: AuthorModel) => void;
+    onConfigurationChanged: (configuration: MathInlineConfiguration) => void;
+    imageSupport?: MediaSupport<ImageHandler>;
+    uploadSoundSupport?: MediaSupport<SoundHandler>;
+};
+export declare class Configure extends React.Component<ConfigureProps> {
+    onChange: (model: AuthorModel) => void;
+    changeTeacherInstructions: (teacherInstructions: string) => void;
+    onFeedbackChange: (feedback: ComplexFeedback) => void;
     render(): React.JSX.Element;
 }
 export default Configure;

package/dist/author/configure.js

@@ -2,29 +2,20 @@ import { ResponseTypes as e, getPluginProps as t } from "./utils.js";
 import n from "./general-config-block.js";
 import r from "react";
 import i from "debug";
-import a from "prop-types";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { styled as c } from "@mui/material/styles";
-import { FeedbackConfig as l, InputContainer as u, layout as d, settings as f } from "@pie-lib/config-ui";
-import p from "@pie-lib/editable-html-tip-tap";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { styled as s } from "@mui/material/styles";
+import { FeedbackConfig as c, InputContainer as l, layout as u, settings as d } from "@pie-lib/config-ui";
+import f from "@pie-lib/editable-html-tip-tap";
 //#region src/author/configure.tsx
-var m = i("@pie-element:math-inline:configure"), { Panel: h, toggle: g, radio: _, dropdown: v } = f, y = c(u)(({ theme: e }) => ({
+var p = i("@pie-element:math-inline:configure"), { Panel: m, toggle: h, radio: g, dropdown: _ } = d, v = s(l)(({ theme: e }) => ({
 	width: "100%",
 	paddingTop: e.spacing(2),
 	marginBottom: e.spacing(2)
-})), b = c("div")(({ theme: e }) => ({
+})), y = s("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(1)
-})), x = class extends r.Component {
-	static propTypes = {
-		onModelChanged: a.func,
-		onConfigurationChanged: a.func,
-		model: a.object.isRequired,
-		configuration: a.object.isRequired,
-		imageSupport: a.object,
-		uploadSoundSupport: a.object
-	};
+})), b = class extends r.Component {
 	onChange = (e) => {
 		this.props.onModelChanged(e);
 	};
@@ -39,42 +30,42 @@ var m = i("@pie-element:math-inline:configure"), { Panel: h, toggle: g, radio: _
 		t.feedback = e, n(t);
 	};
 	render() {
-		let { model: r, imageSupport: i, onModelChanged: a, configuration: c, onConfigurationChanged: u, uploadSoundSupport: f } = this.props, { allowTrailingZeros: x = {}, baseInputConfiguration: S = {}, contentDimensions: C = {}, feedback: w = {}, ignoreOrder: T = {}, maxImageWidth: E = {}, maxImageHeight: D = {}, prompt: O = {}, rationale: k = {}, responseType: A = {}, scoringType: j = {}, settingsPanelDisabled: M, spellCheck: N = {}, studentInstructions: P = {}, teacherInstructions: F = {}, withRubric: I = {}, mathMlOptions: L = {}, language: R = {}, languageChoices: z = {} } = c || {}, { errors: B = {}, extraCSSRules: V, feedbackEnabled: H, promptEnabled: U, rationaleEnabled: W, spellCheckEnabled: G, teacherInstructionsEnabled: K, toolbarEditorPosition: q } = r || {}, { teacherInstructions: J } = B;
-		m("[render] model", r);
+		let { model: r, imageSupport: i, onModelChanged: s, configuration: l, onConfigurationChanged: d, uploadSoundSupport: b } = this.props, { allowTrailingZeros: x = {}, baseInputConfiguration: S = {}, contentDimensions: C = {}, feedback: w = {}, ignoreOrder: T = {}, maxImageWidth: E = {}, maxImageHeight: D = {}, prompt: O = {}, rationale: k = {}, responseType: A = {}, scoringType: j = {}, settingsPanelDisabled: M, spellCheck: N = {}, studentInstructions: P = {}, teacherInstructions: F = {}, withRubric: I = {}, mathMlOptions: L = {}, language: R = {}, languageChoices: z = {} } = l || {}, { errors: B = {}, extraCSSRules: V, feedbackEnabled: H, promptEnabled: U, rationaleEnabled: W, spellCheckEnabled: G, teacherInstructionsEnabled: K, toolbarEditorPosition: q } = r || {}, { teacherInstructions: J } = B;
+		p("[render] model", r);
 		let Y = { position: q === "top" ? "top" : "bottom" }, X = E && E.prompt, Z = D && D.prompt, Q = {
-			responseType: A.settings && _(A.label, [e.simple, e.advanced]),
-			feedbackEnabled: w.settings && g(w.label),
-			promptEnabled: O.settings && g(O.label),
-			"language.enabled": R.settings && g(R.label, !0),
-			language: R.settings && R.enabled && v(z.label, z.options)
+			responseType: A.settings && g(A.label, [e.simple, e.advanced]),
+			feedbackEnabled: w.settings && h(w.label),
+			promptEnabled: O.settings && h(O.label),
+			"language.enabled": R.settings && h(R.label, !0),
+			language: R.settings && R.enabled && _(z.label, z.options)
 		}, $ = {
-			teacherInstructionsEnabled: F.settings && g(F.label),
-			studentInstructionsEnabled: P.settings && g(P.label),
-			rationaleEnabled: k.settings && g(k.label),
-			spellCheckEnabled: N.settings && g(N.label),
-			scoringType: j.settings && _(j.label, ["auto", "rubric"]),
-			"ignoreOrder.enabled": T.settings && g(T.label),
-			"allowTrailingZeros.enabled": x.settings && g(x.label),
-			rubricEnabled: I?.settings && g(I?.label)
+			teacherInstructionsEnabled: F.settings && h(F.label),
+			studentInstructionsEnabled: P.settings && h(P.label),
+			rationaleEnabled: k.settings && h(k.label),
+			spellCheckEnabled: N.settings && h(N.label),
+			scoringType: j.settings && g(j.label, ["auto", "rubric"]),
+			"ignoreOrder.enabled": T.settings && h(T.label),
+			"allowTrailingZeros.enabled": x.settings && h(x.label),
+			rubricEnabled: I?.settings && h(I?.label)
 		};
-		return /* @__PURE__ */ s(d.ConfigLayout, {
+		return /* @__PURE__ */ o(u.ConfigLayout, {
 			extraCSSRules: V,
 			dimensions: C,
 			hideSettings: M,
-			settings: /* @__PURE__ */ o(h, {
+			settings: /* @__PURE__ */ a(m, {
 				model: r,
-				configuration: c,
-				onChangeModel: (e) => a(e),
-				onChangeConfiguration: (e) => u(e),
+				configuration: l,
+				onChangeModel: (e) => s(e),
+				onChangeConfiguration: (e) => d(e),
 				groups: {
 					Settings: Q,
 					Properties: $
 				}
 			}),
 			children: [
-				K && /* @__PURE__ */ s(y, {
+				K && /* @__PURE__ */ o(v, {
 					label: F.label,
-					children: [/* @__PURE__ */ o(p, {
+					children: [/* @__PURE__ */ a(f, {
 						markup: r.teacherInstructions || "",
 						onChange: this.changeTeacherInstructions,
 						imageSupport: i,
@@ -85,23 +76,22 @@ var m = i("@pie-element:math-inline:configure"), { Panel: h, toggle: g, radio: _
 						spellCheck: G,
 						maxImageWidth: E && E.teacherInstructions || X,
 						maxImageHeight: D && D.teacherInstructions || Z,
-						uploadSoundSupport: f,
+						uploadSoundSupport: b,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 						mathMlOptions: L
-					}), J && /* @__PURE__ */ o(b, { children: J })]
+					}), J && /* @__PURE__ */ a(y, { children: J })]
 				}),
-				/* @__PURE__ */ o(n, {
+				/* @__PURE__ */ a(n, {
 					imageSupport: i,
-					uploadSoundSupport: f,
+					uploadSoundSupport: b,
 					model: r,
-					configuration: c,
+					configuration: l,
 					onChange: this.onChange,
 					rationaleEnabled: W,
 					promptEnabled: U,
-					toolbarOpts: Y,
-					spellCheck: G
+					toolbarOpts: Y
 				}),
-				H && /* @__PURE__ */ o(l, {
+				H && /* @__PURE__ */ a(c, {
 					feedback: r.feedback,
 					onChange: this.onFeedbackChange,
 					toolbarOpts: Y
@@ -111,4 +101,4 @@ var m = i("@pie-element:math-inline:configure"), { Panel: h, toggle: g, radio: _
 	}
 };
 //#endregion
-export { x as Configure, x as default };
+export { b as Configure, b as default };

package/dist/author/defaults.d.ts

@@ -1,150 +1,152 @@
+import type { ConfigureLanguageOptionsProp } from '@pie-element/shared-types';
+import type { MathInlineResponse } from '../types.js';
 /** NOTE: teacherInstructions, studentInstructions, rationale & scoringType
  * functionalities are not defined yet - the value for those can belong to
  * model or to configure
  */
 declare const _default: {
     model: {
-        allowTrailingZerosDefault: boolean;
-        customKeys: never[];
-        equationEditor: string;
+        allowTrailingZerosDefault: false;
+        customKeys: string[];
+        equationEditor: "8";
         expression: string;
         feedback: {
             correct: {
                 default: string;
-                type: string;
+                type: "none";
             };
             incorrect: {
                 default: string;
-                type: string;
+                type: "none";
             };
             partial: {
                 default: string;
-                type: string;
+                type: "none";
             };
         };
-        feedbackEnabled: boolean;
-        ignoreOrderDefault: boolean;
-        partialScoring: boolean;
+        feedbackEnabled: false;
+        ignoreOrderDefault: false;
+        partialScoring: true;
         prompt: string;
-        promptEnabled: boolean;
+        promptEnabled: true;
         rationale: string;
-        rationaleEnabled: boolean;
-        responseType: string;
-        responses: never[];
-        scoringType: string;
-        studentInstructionsEnabled: boolean;
+        rationaleEnabled: true;
+        responseType: "Advanced Multi";
+        responses: MathInlineResponse[];
+        scoringType: "auto";
+        studentInstructionsEnabled: true;
         teacherInstructions: string;
-        teacherInstructionsEnabled: boolean;
-        toolbarEditorPosition: string;
-        validationDefault: string;
+        teacherInstructionsEnabled: true;
+        toolbarEditorPosition: "bottom";
+        validationDefault: "literal";
     };
     configuration: {
         baseInputConfiguration: {
             h3: {
-                disabled: boolean;
+                disabled: true;
             };
             audio: {
-                disabled: boolean;
+                disabled: false;
             };
             video: {
-                disabled: boolean;
+                disabled: false;
             };
             image: {
-                disabled: boolean;
+                disabled: false;
             };
             textAlign: {
-                disabled: boolean;
+                disabled: true;
             };
             showParagraphs: {
-                disabled: boolean;
+                disabled: false;
             };
             separateParagraphs: {
-                disabled: boolean;
+                disabled: true;
             };
         };
         prompt: {
-            settings: boolean;
+            settings: true;
             label: string;
             inputConfiguration: {
                 audio: {
-                    disabled: boolean;
+                    disabled: false;
                 };
                 video: {
-                    disabled: boolean;
+                    disabled: false;
                 };
                 image: {
-                    disabled: boolean;
+                    disabled: false;
                 };
             };
-            required: boolean;
+            required: false;
         };
         feedback: {
-            settings: boolean;
+            settings: true;
             label: string;
         };
         responseType: {
-            settings: boolean;
+            settings: true;
             label: string;
         };
         rationale: {
-            settings: boolean;
+            settings: true;
             label: string;
             inputConfiguration: {
                 audio: {
-                    disabled: boolean;
+                    disabled: false;
                 };
                 video: {
-                    disabled: boolean;
+                    disabled: false;
                 };
                 image: {
-                    disabled: boolean;
+                    disabled: false;
                 };
             };
-            required: boolean;
+            required: false;
         };
-        settingsPanelDisabled: boolean;
+        settingsPanelDisabled: false;
         spellCheck: {
             label: string;
-            settings: boolean;
-            enabled: boolean;
+            settings: false;
+            enabled: true;
         };
         scoringType: {
-            settings: boolean;
+            settings: false;
             label: string;
         };
         studentInstructions: {
-            settings: boolean;
+            settings: false;
             label: string;
         };
         teacherInstructions: {
-            settings: boolean;
+            settings: true;
             label: string;
             inputConfiguration: {
                 audio: {
-                    disabled: boolean;
+                    disabled: false;
                 };
                 video: {
-                    disabled: boolean;
+                    disabled: false;
                 };
                 image: {
-                    disabled: boolean;
+                    disabled: false;
                 };
             };
-            required: boolean;
+            required: false;
         };
         partialScoring: {
-            settings: boolean;
+            settings: false;
             label: string;
         };
         ignoreOrder: {
-            settings: boolean;
+            settings: false;
             label: string;
-            enabled: boolean;
+            enabled: true;
         };
         allowTrailingZeros: {
-            settings: boolean;
+            settings: false;
             label: string;
-            enabled: boolean;
+            enabled: true;
         };
         maxImageWidth: {
             teacherInstructions: number;
@@ -157,21 +159,21 @@ declare const _default: {
             rationale: number;
         };
         withRubric: {
-            settings: boolean;
+            settings: false;
             label: string;
         };
         mathMlOptions: {
-            mmlOutput: boolean;
-            mmlEditing: boolean;
+            mmlOutput: false;
+            mmlEditing: false;
         };
         language: {
-            settings: boolean;
+            settings: false;
             label: string;
-            enabled: boolean;
+            enabled: false;
         };
         languageChoices: {
             label: string;
-            options: never[];
+            options: ConfigureLanguageOptionsProp[];
         };
     };
 };

package/dist/author/index.d.ts

@@ -1,52 +1,24 @@
+import { type AuthorModel } from './configure.js';
+import { type DeleteDone, type ImageHandler, type SoundHandler } from '@pie-element/shared-configure-events';
+import type { MathInlineConfiguration, MathInlineModel } from '../types.js';
 export default class MathInlineConfigure extends HTMLElement {
-    static createDefaultModel: (model?: {}) => {
-        allowTrailingZerosDefault: boolean;
-        customKeys: never[];
-        equationEditor: string;
-        expression: string;
-        feedback: {
-            correct: {
-                default: string;
-                type: string;
-            };
-            incorrect: {
-                default: string;
-                type: string;
-            };
-            partial: {
-                default: string;
-                type: string;
-            };
-        };
-        feedbackEnabled: boolean;
-        ignoreOrderDefault: boolean;
-        partialScoring: boolean;
-        prompt: string;
-        promptEnabled: boolean;
-        rationale: string;
-        rationaleEnabled: boolean;
-        responseType: string;
-        responses: never[];
-        scoringType: string;
-        studentInstructionsEnabled: boolean;
-        teacherInstructions: string;
-        teacherInstructionsEnabled: boolean;
-        toolbarEditorPosition: string;
-        validationDefault: string;
-    };
+    private _root;
+    private _model;
+    private _configuration;
+    static createDefaultModel: (model?: Partial<MathInlineModel>) => AuthorModel;
     constructor();
-    set model(m: any);
-    set configuration(c: any);
-    onModelChanged(model: any): void;
-    onConfigurationChanged(c: any): void;
+    set model(m: Partial<MathInlineModel>);
+    set configuration(c: MathInlineConfiguration);
+    onModelChanged(model: AuthorModel): void;
+    onConfigurationChanged(c: MathInlineConfiguration): 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;
+    insertImage(handler: ImageHandler): void;
+    onDeleteImage(src: string, done: DeleteDone): void;
+    insertSound(handler: SoundHandler): void;
+    onDeleteSound(src: string, done: DeleteDone): void;
     _render(): void;
     connectedCallback(): void;
     disconnectedCallback(): void;

package/dist/author/index.js

@@ -7,6 +7,9 @@ import { isEmpty as a } from "@pie-element/shared-lodash";
 import { DeleteImageEvent as o, DeleteSoundEvent as s, InsertImageEvent as c, InsertSoundEvent as l, ModelUpdatedEvent as u } from "@pie-element/shared-configure-events";
 //#region src/author/index.ts
 var d = i("pie-elements:math-inline:configure"), f = class i extends HTMLElement {
+	_root;
+	_model;
+	_configuration;
 	static createDefaultModel = (e = {}) => (a(e.responses) || (e.responses = e.responses.map((e) => ({
 		...e,
 		validation: e.validation || t.model.validationDefault,
@@ -27,10 +30,15 @@ var d = i("pie-elements:math-inline:configure"), f = class i extends HTMLElement
 			...t.configuration,
 			...e
 		};
-		this._configuration = n, n?.language?.enabled ? n?.languageChoices?.options?.length && (this._model.language = n?.languageChoices.options[0].value) : n.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({
-			value: this._model.language,
-			label: this._model.language
-		})) : delete this._model.language, this._render();
+		if (this._configuration = n, n?.language?.enabled) n?.languageChoices?.options?.length && (this._model.language = n?.languageChoices.options[0].value);
+		else if (n.language.settings && this._model.language) {
+			let e = this._configuration.language, t = this._configuration.languageChoices, n = this._model.language;
+			e.enabled = !0, (!t.options || !t.options.length) && (t.options = []), t.options.find((e) => e.value === n) || t.options.push({
+				value: n,
+				label: n
+			});
+		} else delete this._model.language;
+		this._render();
 	}
 	onModelChanged(e) {
 		this._model = e, d("[onModelChanged]: ", this._model), this._render(), this.dispatchEvent(new u(this._model));

package/dist/author/utils.d.ts

@@ -1,6 +1,37 @@
+import type { EditableHtmlConfigureProp } from '@pie-element/shared-types';
+import type { MathInlineConfiguration, MathInlineModel } from '../types.js';
 export declare const ResponseTypes: {
-    advanced: string;
-    simple: string;
+    readonly advanced: "Advanced Multi";
+    readonly simple: "Simple";
+};
+export declare const generateValidationMessage: (model?: Partial<MathInlineModel>, config?: MathInlineConfiguration) => string;
+export declare const getPluginProps: (props?: EditableHtmlConfigureProp, baseInputConfiguration?: EditableHtmlConfigureProp) => {
+    math?: import("@pie-element/shared-types").EditableHtmlButtonConfigure;
+    audio?: import("@pie-element/shared-types").EditableHtmlButtonConfigure;
+    video?: import("@pie-element/shared-types").EditableHtmlButtonConfigure;
+    image?: import("@pie-element/shared-types").EditableHtmlButtonConfigure;
+    customPlugins?: import("@pie-element/shared-types").CustomPlugin[];
+    blockquote?: import("@pie-element/shared-types").EditableHtmlButtonConfigure;
+    h3?: import("@pie-element/shared-types").EditableHtmlButtonConfigure;
+    characters?: import("@pie-element/shared-types").EditableHtmlButtonConfigure;
+    bold?: import("@pie-element/shared-types").EditableHtmlButtonConfigure;
+    html?: import("@pie-element/shared-types").EditableHtmlButtonConfigure;
+    italic?: import("@pie-element/shared-types").EditableHtmlButtonConfigure;
+    ol_list?: import("@pie-element/shared-types").EditableHtmlButtonConfigure;
+    redo?: import("@pie-element/shared-types").EditableHtmlButtonConfigure;
+    strikethrough?: import("@pie-element/shared-types").EditableHtmlButtonConfigure;
+    sub?: import("@pie-element/shared-types").EditableHtmlButtonConfigure;
+    sup?: import("@pie-element/shared-types").EditableHtmlButtonConfigure;
+    table?: import("@pie-element/shared-types").EditableHtmlButtonConfigure;
+    ul_list?: import("@pie-element/shared-types").EditableHtmlButtonConfigure;
+    underline?: import("@pie-element/shared-types").EditableHtmlButtonConfigure;
+    undo?: import("@pie-element/shared-types").EditableHtmlButtonConfigure;
+    textAlign?: import("@pie-element/shared-types").EditableHtmlButtonConfigure;
+    showParagraphs?: import("@pie-element/shared-types").EditableHtmlButtonConfigure;
+    separateParagraphs?: import("@pie-element/shared-types").EditableHtmlButtonConfigure;
+    pasteFormatting?: import("@pie-element/shared-types").EditableHtmlButtonConfigure;
+    superscript?: import("@pie-element/shared-types").EditableHtmlButtonConfigure;
+    subscript?: import("@pie-element/shared-types").EditableHtmlButtonConfigure;
+    languageCharacters?: import("@pie-element/shared-types").EditableHtmlButtonConfigure;
+    responseArea?: import("@pie-element/shared-types").EditableHtmlButtonConfigure;
 };
-export declare const generateValidationMessage: (model?: {}, config?: {}) => string;
-export declare const getPluginProps: (props?: {}, baseInputConfiguration?: {}) => {};