@pie-element/graphing 11.0.4-next.20261011174919 → 11.0.4

package/dist/author/defaults.d.ts

@@ -1,19 +1,21 @@
+import type { ConfigureLanguageOptionsProp } from '@pie-element/shared-types';
+import type { GraphingTool, Mark } from '../types.js';
 declare const _default: {
     model: {
         answers: {
             correctAnswer: {
                 name: string;
-                marks: never[];
+                marks: Mark[];
             };
         };
         arrows: {
-            left: boolean;
-            right: boolean;
-            up: boolean;
-            down: boolean;
+            left: true;
+            right: true;
+            up: true;
+            down: true;
         };
-        backgroundMarks: never[];
-        coordinatesOnHover: boolean;
+        backgroundMarks: Mark[];
+        coordinatesOnHover: false;
         defaultGridConfiguration: number;
         domain: {
             min: number;
@@ -26,12 +28,12 @@ declare const _default: {
             width: number;
             height: number;
         };
-        includeAxes: boolean;
+        includeAxes: true;
         labels: {};
-        labelsEnabled: boolean;
-        padding: boolean;
+        labelsEnabled: true;
+        padding: true;
         prompt: string;
-        promptEnabled: boolean;
+        promptEnabled: true;
         range: {
             min: number;
             max: number;
@@ -40,69 +42,69 @@ declare const _default: {
             axisLabel: string;
         };
         rationale: string;
-        rationaleEnabled: boolean;
-        standardGrid: boolean;
-        studentInstructionsEnabled: boolean;
+        rationaleEnabled: true;
+        standardGrid: false;
+        studentInstructionsEnabled: true;
         teacherInstructions: string;
-        teacherInstructionsEnabled: boolean;
+        teacherInstructionsEnabled: true;
         title: string;
-        titleEnabled: boolean;
-        toolbarTools: string[];
+        titleEnabled: true;
+        toolbarTools: GraphingTool[];
     };
     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;
             };
         };
-        availableTools: string[];
+        availableTools: GraphingTool[];
         authoring: {
-            settings: boolean;
+            settings: false;
             label: string;
-            enabled: boolean;
-            includeAxesEnabled: boolean;
-            standardGridEnabled: boolean;
+            enabled: true;
+            includeAxesEnabled: true;
+            standardGridEnabled: true;
             min: {
                 label: string;
-                enabled: boolean;
+                enabled: true;
             };
             max: {
                 label: string;
-                enabled: boolean;
+                enabled: true;
             };
             axisLabel: {
                 label: string;
-                enabled: boolean;
+                enabled: true;
             };
             step: {
                 label: string;
-                enabled: boolean;
+                enabled: true;
             };
             labelStep: {
                 label: string;
-                enabled: boolean;
+                enabled: true;
             };
         };
         arrows: {
-            settings: boolean;
+            settings: true;
             label: string;
             left: {
                 label: string;
@@ -117,13 +119,13 @@ declare const _default: {
                 label: string;
             };
         };
-        gridConfigurations: {
+        gridConfigurations: ({
             label: string;
             arrows: {
-                left: boolean;
-                right: boolean;
-                up: boolean;
-                down: boolean;
+                left: true;
+                right: true;
+                up: true;
+                down: true;
             };
             domain: {
                 min: number;
@@ -137,14 +139,14 @@ declare const _default: {
                 width: number;
                 height: number;
             };
-            includeAxes: boolean;
+            includeAxes: true;
             labels: {
                 top: string;
                 right: string;
                 bottom: string;
                 left: string;
             };
-            padding: boolean;
+            padding: true;
             range: {
                 min: number;
                 max: number;
@@ -153,104 +155,218 @@ declare const _default: {
                 labelStep: number;
                 axisLabel: string;
             };
-            standardGrid: boolean;
+            standardGrid: true;
             title: string;
-        }[];
+        } | {
+            label: string;
+            arrows: {
+                left: false;
+                right: true;
+                up: true;
+                down: false;
+            };
+            domain: {
+                min: number;
+                max: number;
+                step: number;
+                padding: number;
+                labelStep: number;
+                axisLabel: string;
+            };
+            graph: {
+                width: number;
+                height: number;
+            };
+            includeAxes: true;
+            labels: {
+                top: string;
+                right: string;
+                bottom: string;
+                left: string;
+            };
+            padding: true;
+            range: {
+                min: number;
+                max: number;
+                step: number;
+                padding: number;
+                labelStep: number;
+                axisLabel: string;
+            };
+            standardGrid: true;
+            title: string;
+        } | {
+            label: string;
+            arrows: {
+                left: false;
+                right: true;
+                up: true;
+                down: false;
+            };
+            domain: {
+                min: number;
+                max: number;
+                step: number;
+                padding: number;
+                labelStep: number;
+                axisLabel: string;
+            };
+            graph: {
+                width: number;
+                height: number;
+            };
+            includeAxes: true;
+            labels: {
+                top: string;
+                right: string;
+                bottom: string;
+                left: string;
+            };
+            padding: true;
+            range: {
+                min: number;
+                max: number;
+                step: number;
+                padding: number;
+                labelStep: number;
+                axisLabel: string;
+            };
+            standardGrid: false;
+            title: string;
+        } | {
+            label: string;
+            arrows: {
+                left: false;
+                right: false;
+                up: false;
+                down: false;
+            };
+            domain: {
+                min: number;
+                max: number;
+                step: number;
+                padding: number;
+                labelStep: number;
+                axisLabel: string;
+            };
+            graph: {
+                width: number;
+                height: number;
+            };
+            includeAxes: false;
+            labels: {
+                top: string;
+                right: string;
+                bottom: string;
+                left: string;
+            };
+            padding: true;
+            range: {
+                min: number;
+                max: number;
+                step: number;
+                padding: number;
+                labelStep: number;
+                axisLabel: string;
+            };
+            standardGrid: false;
+            title: string;
+        })[];
         graphDimensions: {
-            settings: boolean;
+            settings: false;
             label: string;
-            enabled: boolean;
+            enabled: true;
             min: number;
             max: number;
             step: number;
         };
         padding: {
-            settings: boolean;
+            settings: false;
             label: string;
         };
         labels: {
-            settings: boolean;
+            settings: true;
             label: string;
-            enabled: boolean;
+            enabled: true;
             top: string;
             right: string;
             bottom: string;
             left: string;
         };
         prompt: {
-            settings: boolean;
+            settings: true;
             label: string;
-            required: boolean;
+            required: false;
             inputConfiguration: {
                 audio: {
-                    disabled: boolean;
+                    disabled: false;
                 };
                 video: {
-                    disabled: boolean;
+                    disabled: false;
                 };
                 image: {
-                    disabled: boolean;
+                    disabled: false;
                 };
             };
         };
         rationale: {
-            settings: boolean;
+            settings: true;
             label: string;
-            required: boolean;
+            required: false;
             inputConfiguration: {
                 audio: {
-                    disabled: boolean;
+                    disabled: false;
                 };
                 video: {
-                    disabled: boolean;
+                    disabled: false;
                 };
                 image: {
-                    disabled: boolean;
+                    disabled: false;
                 };
             };
         };
         scoringType: {
-            settings: boolean;
+            settings: false;
             label: string;
         };
         studentInstructions: {
-            settings: boolean;
+            settings: false;
             label: string;
         };
         teacherInstructions: {
-            settings: boolean;
+            settings: true;
             label: string;
-            required: boolean;
+            required: false;
             inputConfiguration: {
                 audio: {
-                    disabled: boolean;
+                    disabled: false;
                 };
                 video: {
-                    disabled: boolean;
+                    disabled: false;
                 };
                 image: {
-                    disabled: boolean;
+                    disabled: false;
                 };
             };
         };
         title: {
-            settings: boolean;
+            settings: true;
             label: string;
-            enabled: boolean;
+            enabled: true;
             placeholder: string;
         };
         instruction: {
-            settings: boolean;
+            settings: false;
             label: string;
         };
-        settingsPanelDisabled: boolean;
+        settingsPanelDisabled: false;
         spellCheck: {
             label: string;
-            settings: boolean;
-            enabled: boolean;
+            settings: false;
+            enabled: true;
         };
         coordinatesOnHover: {
-            settings: boolean;
+            settings: true;
             label: string;
         };
         maxImageWidth: {
@@ -264,23 +380,23 @@ declare const _default: {
             rationale: number;
         };
         withRubric: {
-            settings: boolean;
+            settings: false;
             label: string;
         };
         language: {
-            settings: boolean;
+            settings: false;
             label: string;
-            enabled: boolean;
+            enabled: false;
         };
         languageChoices: {
             label: string;
-            options: never[];
+            options: ConfigureLanguageOptionsProp[];
         };
         mathMlOptions: {
-            mmlOutput: boolean;
-            mmlEditing: boolean;
+            mmlOutput: false;
+            mmlEditing: false;
         };
-        removeIncompleteTool: boolean;
+        removeIncompleteTool: false;
     };
 };
 export default _default;

package/dist/author/graphing-config.d.ts

@@ -8,8 +8,10 @@ export declare class GraphingConfig extends React.Component {
         graphDimensions: PropTypes.Requireable<object>;
         gridConfigurations: PropTypes.Requireable<any[]>;
         labelsPlaceholders: PropTypes.Requireable<object>;
+        mathMlOptions: PropTypes.Requireable<object>;
         model: PropTypes.Validator<object>;
         onChange: PropTypes.Validator<(...args: any[]) => any>;
+        removeIncompleteTool: PropTypes.Requireable<boolean>;
         showLabels: PropTypes.Requireable<boolean>;
         showTitle: PropTypes.Requireable<boolean>;
         titlePlaceholder: PropTypes.Requireable<string>;

package/dist/author/graphing-config.js

@@ -37,8 +37,10 @@ var _ = o("div")(({ theme: e }) => ({
 		graphDimensions: a.object,
 		gridConfigurations: a.array,
 		labelsPlaceholders: a.object,
+		mathMlOptions: a.object,
 		model: a.object.isRequired,
 		onChange: a.func.isRequired,
+		removeIncompleteTool: a.bool,
 		showLabels: a.bool,
 		showTitle: a.bool,
 		titlePlaceholder: a.string

package/dist/author/index.d.ts

@@ -1,51 +1,23 @@
+import { type AuthorModel } from './configure.js';
+import { type DeleteDone, type ImageHandler, type SoundHandler } from '@pie-element/shared-configure-events';
+import type { GraphingConfiguration, GraphingModel } from '../types.js';
 export default class GraphLinesConfigure extends HTMLElement {
-    static createDefaultModel: (model?: {}) => {
-        answers: any;
-        defaultTool: any;
-        range: {};
-        graph: {};
-        arrows: {
-            left: boolean;
-            right: boolean;
-            up: boolean;
-            down: boolean;
-        };
-        backgroundMarks: never[];
-        coordinatesOnHover: boolean;
-        defaultGridConfiguration: number;
-        domain: {
-            min: number;
-            max: number;
-            step: number;
-            labelStep: number;
-            axisLabel: string;
-        };
-        includeAxes: boolean;
-        labels: {};
-        labelsEnabled: boolean;
-        padding: boolean;
-        prompt: string;
-        promptEnabled: boolean;
-        rationale: string;
-        rationaleEnabled: boolean;
-        standardGrid: boolean;
-        studentInstructionsEnabled: boolean;
-        teacherInstructions: string;
-        teacherInstructionsEnabled: boolean;
-        title: string;
-        titleEnabled: boolean;
-        toolbarTools: string[];
-    };
+    private _root;
+    private _model;
+    private _modelCopy?;
+    private _configuration;
+    private hasPlayerAsParent?;
+    static createDefaultModel: (model?: Partial<GraphingModel>) => AuthorModel;
     constructor();
-    set model(m: any);
-    resetModelAfterConfigurationIsSet: any;
-    set configuration(c: any);
-    onModelChanged: any;
-    onConfigurationChanged: any;
-    insertImage: any;
-    onDeleteImage: any;
-    insertSound(handler: any): void;
-    onDeleteSound(src: any, done: any): void;
+    set model(m: Partial<GraphingModel>);
+    resetModelAfterConfigurationIsSet: () => void;
+    set configuration(c: GraphingConfiguration);
+    onModelChanged: (model: AuthorModel) => void;
+    onConfigurationChanged: (config: GraphingConfiguration) => 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,7 +7,12 @@ import a from "debug";
 import { cloneDeep as o } from "@pie-element/shared-lodash";
 import { DeleteImageEvent as s, DeleteSoundEvent as c, InsertImageEvent as l, InsertSoundEvent as u, ModelUpdatedEvent as d } from "@pie-element/shared-configure-events";
 //#region src/author/index.ts
-var f = a("pie-elements:graphing:configure"), p = (e) => Object.keys(e || {}).sort().reduce((t, n) => (n !== "correctAnswer" && (t[n] = e[n]), t), {}), m = class a extends HTMLElement {
+var f = a("pie-elements:graphing:configure"), p = (e) => Object.keys(e || {}).sort().reduce((t, n) => (e && n !== "correctAnswer" && (t[n] = e[n]), t), {}), m = class a extends HTMLElement {
+	_root;
+	_model;
+	_modelCopy;
+	_configuration;
+	hasPlayerAsParent;
 	static createDefaultModel = (e = {}) => {
 		let n = {
 			...t.model,
@@ -49,7 +54,7 @@ var f = a("pie-elements:graphing:configure"), p = (e) => Object.keys(e || {}).so
 			...e
 		}, this.resetModelAfterConfigurationIsSet();
 		let { language: n, languageChoices: r } = this._configuration;
-		n?.enabled ? r?.options?.length && (this._model.language = r.options[0].value) : n?.settings ? this._model.language && (this._configuration.language.enabled = !0) : delete this._model.language, this._render();
+		n?.enabled ? r?.options?.length && (this._model.language = r.options[0].value) : n?.settings ? this._model.language && (n.enabled = !0) : delete this._model.language, this._render();
 	}
 	onModelChanged = (e) => {
 		this._model = e, this._render(), f("[onModelChanged]: ", this._model), this.dispatchEvent(new d(this._model));

package/dist/browser/author/index.js

@@ -2618,15 +2618,12 @@ var qr = class extends W.Component {
 }), Zr = (e) => typeof e == "string" ? {
 	label: e,
 	value: e
-} : e, Qr = function() {
-	let [e, t, n = !1] = Array.prototype.slice.call(arguments);
-	return {
-		type: "radio",
-		label: e,
-		choices: t && t.map((e) => Zr(e)),
-		isConfigProperty: n
-	};
-}, $r = (e, t, n = !1) => ({
+} : e, Qr = (e, t, n = !1) => ({
+	type: "radio",
+	label: e,
+	choices: t && t.map((e) => Zr(e)),
+	isConfigProperty: n
+}), $r = (e, t, n = !1) => ({
 	type: "dropdown",
 	label: e,
 	choices: t,
@@ -3245,8 +3242,10 @@ var Ai = [
 		graphDimensions: Q.default.object,
 		gridConfigurations: Q.default.array,
 		labelsPlaceholders: Q.default.object,
+		mathMlOptions: Q.default.object,
 		model: Q.default.object.isRequired,
 		onChange: Q.default.func.isRequired,
+		removeIncompleteTool: Q.default.bool,
 		showLabels: Q.default.bool,
 		showTitle: Q.default.bool,
 		titlePlaceholder: Q.default.string
@@ -3539,8 +3538,10 @@ var la = class extends U.Component {
 	static propTypes = {
 		availableTools: Q.default.array,
 		errors: Q.default.object,
+		mathMlOptions: Q.default.object,
 		model: Q.default.object.isRequired,
 		onChange: Q.default.func.isRequired,
+		removeIncompleteTool: Q.default.bool,
 		toolbarTools: Q.default.arrayOf(Q.default.String)
 	};
 	state = { dialog: { open: !1 } };
@@ -3743,14 +3744,6 @@ var la = class extends U.Component {
 	color: e.palette.error.main,
 	paddingTop: e.spacing(1)
 })), ya = class extends W.Component {
-	static propTypes = {
-		onModelChanged: Q.default.func,
-		onConfigurationChanged: Q.default.func,
-		imageSupport: Q.default.object,
-		uploadSoundSupport: Q.default.object,
-		model: Q.default.object.isRequired,
-		configuration: Q.default.object.isRequired
-	};
 	componentDidMount() {
 		let { configuration: e, onModelChanged: n, model: r } = this.props, { availableTools: i, title: a, graphDimensions: o } = e || {}, { arrows: s, titleEnabled: c, dimensionsEnabled: l } = r || {};
 		typeof s == "boolean" && (s = s ? {
@@ -4397,7 +4390,12 @@ var la = class extends U.Component {
 		},
 		removeIncompleteTool: !1
 	}
-}, Da = (0, Vt.default)("pie-elements:graphing:configure"), Oa = (e) => Object.keys(e || {}).sort().reduce((t, n) => (n !== "correctAnswer" && (t[n] = e[n]), t), {}), ka = class e extends HTMLElement {
+}, Da = (0, Vt.default)("pie-elements:graphing:configure"), Oa = (e) => Object.keys(e || {}).sort().reduce((t, n) => (e && n !== "correctAnswer" && (t[n] = e[n]), t), {}), ka = class e extends HTMLElement {
+	_root;
+	_model;
+	_modelCopy;
+	_configuration;
+	hasPlayerAsParent;
 	static createDefaultModel = (e = {}) => {
 		let t = {
 			...Ea.model,
@@ -4439,7 +4437,7 @@ var la = class extends U.Component {
 			...e
 		}, this.resetModelAfterConfigurationIsSet();
 		let { language: t, languageChoices: n } = this._configuration;
-		t?.enabled ? n?.options?.length && (this._model.language = n.options[0].value) : t?.settings ? this._model.language && (this._configuration.language.enabled = !0) : delete this._model.language, this._render();
+		t?.enabled ? n?.options?.length && (this._model.language = n.options[0].value) : t?.settings ? this._model.language && (t.enabled = !0) : delete this._model.language, this._render();
 	}
 	onModelChanged = (e) => {
 		this._model = e, this._render(), Da("[onModelChanged]: ", this._model), this.dispatchEvent(new ba(this._model));