@pie-element/ebsr 14.5.0-beta.6 → 15.0.0-next.20261002094057

package/author.js

@@ -0,0 +1,2 @@
+export { default } from './dist/author/index.js';
+export * from './dist/author/index.js';

package/configure.js

@@ -0,0 +1,2 @@
+export { default } from './dist/author/index.js';
+export * from './dist/author/index.js';

package/controller.js

@@ -0,0 +1 @@
+export * from './dist/controller/index.js';

package/dist/author/defaults.d.ts

@@ -0,0 +1,348 @@
+/**
+ * @synced-from pie-elements/packages/ebsr/configure/src/defaults.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.
+ */
+declare const _default: {
+    model: {
+        partLabels: boolean;
+        partLabelType: string;
+        partA: any;
+        partB: any;
+    };
+    configuration: {
+        baseInputConfiguration: {
+            h3: {
+                disabled: boolean;
+            };
+            audio: {
+                disabled: boolean;
+            };
+            video: {
+                disabled: boolean;
+            };
+            image: {
+                disabled: boolean;
+            };
+            textAlign: {
+                disabled: boolean;
+            };
+            showParagraphs: {
+                disabled: boolean;
+            };
+            separateParagraphs: {
+                disabled: boolean;
+            };
+        };
+        partialScoring: {
+            label: string;
+            settings: boolean;
+        };
+        scoringType: {
+            settings: boolean;
+            label: string;
+        };
+        partA: {
+            addChoiceButton: {
+                settings: boolean;
+                label: string;
+            };
+            choiceMode: {
+                settings: boolean;
+                label: string;
+            };
+            choicePrefix: {
+                settings: boolean;
+                label: string;
+            };
+            deleteChoice: {
+                settings: boolean;
+            };
+            feedback: {
+                settings: boolean;
+                label: string;
+            };
+            lockChoiceOrder: {
+                settings: boolean;
+                label: string;
+            };
+            prompt: {
+                settings: boolean;
+                label: string;
+                inputConfiguration: {
+                    audio: {
+                        disabled: boolean;
+                    };
+                    video: {
+                        disabled: boolean;
+                    };
+                    image: {
+                        disabled: boolean;
+                    };
+                };
+                required: boolean;
+            };
+            rationale: {
+                settings: boolean;
+                label: string;
+                inputConfiguration: {
+                    audio: {
+                        disabled: boolean;
+                    };
+                    video: {
+                        disabled: boolean;
+                    };
+                    image: {
+                        disabled: boolean;
+                    };
+                };
+                required: boolean;
+            };
+            settingsPanelDisabled: boolean;
+            studentInstructions: {
+                settings: boolean;
+                label: string;
+            };
+            teacherInstructions: {
+                settings: boolean;
+                label: string;
+                inputConfiguration: {
+                    audio: {
+                        disabled: boolean;
+                    };
+                    video: {
+                        disabled: boolean;
+                    };
+                    image: {
+                        disabled: boolean;
+                    };
+                };
+                required: boolean;
+            };
+            choicesLayout: {
+                settings: boolean;
+                label: string;
+            };
+            gridColumns: {
+                label: string;
+            };
+            spellCheck: {
+                label: string;
+                settings: boolean;
+                enabled: boolean;
+            };
+            maxImageWidth: {
+                teacherInstructions: number;
+                prompt: number;
+                rationale: number;
+                choices: number;
+            };
+            maxImageHeight: {
+                teacherInstructions: number;
+                prompt: number;
+                rationale: number;
+                choices: number;
+            };
+            mathMlOptions: {
+                mmlOutput: boolean;
+                mmlEditing: boolean;
+            };
+            choices: {
+                inputConfiguration: {
+                    audio: {
+                        disabled: boolean;
+                    };
+                    video: {
+                        disabled: boolean;
+                    };
+                    image: {
+                        disabled: boolean;
+                    };
+                };
+            };
+            baseInputConfiguration: {
+                h3: {
+                    disabled: boolean;
+                };
+                audio: {
+                    disabled: boolean;
+                };
+                video: {
+                    disabled: boolean;
+                };
+                image: {
+                    disabled: boolean;
+                };
+                textAlign: {
+                    disabled: boolean;
+                };
+                showParagraphs: {
+                    disabled: boolean;
+                };
+                separateParagraphs: {
+                    disabled: boolean;
+                };
+            };
+        };
+        partB: {
+            addChoiceButton: {
+                settings: boolean;
+                label: string;
+            };
+            choiceMode: {
+                settings: boolean;
+                label: string;
+            };
+            choicePrefix: {
+                settings: boolean;
+                label: string;
+            };
+            deleteChoice: {
+                settings: boolean;
+            };
+            feedback: {
+                settings: boolean;
+                label: string;
+            };
+            lockChoiceOrder: {
+                settings: boolean;
+                label: string;
+            };
+            prompt: {
+                settings: boolean;
+                label: string;
+                inputConfiguration: {
+                    audio: {
+                        disabled: boolean;
+                    };
+                    video: {
+                        disabled: boolean;
+                    };
+                    image: {
+                        disabled: boolean;
+                    };
+                };
+                required: boolean;
+            };
+            rationale: {
+                settings: boolean;
+                label: string;
+                inputConfiguration: {
+                    audio: {
+                        disabled: boolean;
+                    };
+                    video: {
+                        disabled: boolean;
+                    };
+                    image: {
+                        disabled: boolean;
+                    };
+                };
+                required: boolean;
+            };
+            settingsPanelDisabled: boolean;
+            studentInstructions: {
+                settings: boolean;
+                label: string;
+            };
+            teacherInstructions: {
+                settings: boolean;
+                label: string;
+                inputConfiguration: {
+                    audio: {
+                        disabled: boolean;
+                    };
+                    video: {
+                        disabled: boolean;
+                    };
+                    image: {
+                        disabled: boolean;
+                    };
+                };
+                required: boolean;
+            };
+            choicesLayout: {
+                settings: boolean;
+                label: string;
+            };
+            gridColumns: {
+                label: string;
+            };
+            spellCheck: {
+                label: string;
+                settings: boolean;
+                enabled: boolean;
+            };
+            maxImageWidth: {
+                teacherInstructions: number;
+                prompt: number;
+                rationale: number;
+                choices: number;
+            };
+            maxImageHeight: {
+                teacherInstructions: number;
+                prompt: number;
+                rationale: number;
+                choices: number;
+            };
+            mathMlOptions: {
+                mmlOutput: boolean;
+                mmlEditing: boolean;
+            };
+            choices: {
+                inputConfiguration: {
+                    audio: {
+                        disabled: boolean;
+                    };
+                    video: {
+                        disabled: boolean;
+                    };
+                    image: {
+                        disabled: boolean;
+                    };
+                };
+            };
+            baseInputConfiguration: {
+                h3: {
+                    disabled: boolean;
+                };
+                audio: {
+                    disabled: boolean;
+                };
+                video: {
+                    disabled: boolean;
+                };
+                image: {
+                    disabled: boolean;
+                };
+                textAlign: {
+                    disabled: boolean;
+                };
+                showParagraphs: {
+                    disabled: boolean;
+                };
+                separateParagraphs: {
+                    disabled: boolean;
+                };
+            };
+        };
+        partLabels: {
+            settings: boolean;
+            label: string;
+        };
+        settingsPanelDisabled: boolean;
+        language: {
+            settings: boolean;
+            label: string;
+            enabled: boolean;
+        };
+        languageChoices: {
+            label: string;
+            options: never[];
+        };
+    };
+};
+export default _default;

package/dist/author/defaults.js

@@ -0,0 +1,161 @@
+import { cloneDeep as e } from "@pie-element/shared-lodash";
+//#region src/author/defaults.ts
+var t = {
+	addChoiceButton: {
+		settings: !0,
+		label: "Add a Choice"
+	},
+	choiceMode: {
+		settings: !0,
+		label: "Response Type"
+	},
+	choicePrefix: {
+		settings: !0,
+		label: "Choice Labels"
+	},
+	deleteChoice: { settings: !0 },
+	feedback: {
+		settings: !0,
+		label: "Feedback"
+	},
+	lockChoiceOrder: {
+		settings: !0,
+		label: "Lock Choice Order"
+	},
+	prompt: {
+		settings: !0,
+		label: "Prompt",
+		inputConfiguration: {
+			audio: { disabled: !1 },
+			video: { disabled: !1 },
+			image: { disabled: !1 }
+		},
+		required: !1
+	},
+	rationale: {
+		settings: !0,
+		label: "Rationale",
+		inputConfiguration: {
+			audio: { disabled: !1 },
+			video: { disabled: !1 },
+			image: { disabled: !1 }
+		},
+		required: !1
+	},
+	settingsPanelDisabled: !0,
+	studentInstructions: {
+		settings: !1,
+		label: "Student Instructions"
+	},
+	teacherInstructions: {
+		settings: !0,
+		label: "Teacher Instructions",
+		inputConfiguration: {
+			audio: { disabled: !1 },
+			video: { disabled: !1 },
+			image: { disabled: !1 }
+		},
+		required: !1
+	},
+	choicesLayout: {
+		settings: !1,
+		label: "Choices Layout"
+	},
+	gridColumns: { label: "Grid columns" },
+	spellCheck: {
+		label: "Spellcheck",
+		settings: !1,
+		enabled: !0
+	},
+	maxImageWidth: {
+		teacherInstructions: 300,
+		prompt: 300,
+		rationale: 636,
+		choices: 636
+	},
+	maxImageHeight: {
+		teacherInstructions: 300,
+		prompt: 300,
+		rationale: 300,
+		choices: 300
+	},
+	mathMlOptions: {
+		mmlOutput: !1,
+		mmlEditing: !1
+	},
+	choices: { inputConfiguration: {
+		audio: { disabled: !1 },
+		video: { disabled: !1 },
+		image: { disabled: !1 }
+	} },
+	baseInputConfiguration: {
+		h3: { disabled: !0 },
+		audio: { disabled: !1 },
+		video: { disabled: !1 },
+		image: { disabled: !1 },
+		textAlign: { disabled: !0 },
+		showParagraphs: { disabled: !1 },
+		separateParagraphs: { disabled: !0 }
+	}
+}, n = (e) => ({
+	choiceMode: "radio",
+	choicePrefix: "letters",
+	choices: [],
+	choicesLayout: "vertical",
+	feedbackEnabled: !1,
+	gridColumns: 2,
+	prompt: "",
+	promptEnabled: !0,
+	rationale: "",
+	rationaleEnabled: !0,
+	spellCheckEnabled: !0,
+	studentInstructionsEnabled: !0,
+	teacherInstructions: "",
+	teacherInstructionsEnabled: !0,
+	toolbarEditorPosition: "bottom",
+	...e
+}), r = {
+	model: {
+		partLabels: !1,
+		partLabelType: "Letters",
+		partA: n(),
+		partB: n()
+	},
+	configuration: {
+		baseInputConfiguration: {
+			h3: { disabled: !0 },
+			audio: { disabled: !1 },
+			video: { disabled: !1 },
+			image: { disabled: !1 },
+			textAlign: { disabled: !0 },
+			showParagraphs: { disabled: !1 },
+			separateParagraphs: { disabled: !0 }
+		},
+		partialScoring: {
+			label: "Allow Partial Scoring",
+			settings: !1
+		},
+		scoringType: {
+			settings: !1,
+			label: "Scoring Type"
+		},
+		partA: e(t),
+		partB: e(t),
+		partLabels: {
+			settings: !0,
+			label: "Part Labels"
+		},
+		settingsPanelDisabled: !1,
+		language: {
+			settings: !1,
+			label: "Specify Language",
+			enabled: !1
+		},
+		languageChoices: {
+			label: "Language Choices",
+			options: []
+		}
+	}
+};
+//#endregion
+export { r as default };

package/dist/author/index.d.ts

@@ -0,0 +1,34 @@
+/**
+ * @synced-from pie-elements/packages/ebsr/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 EbsrConfigure extends HTMLElement {
+    static createDefaultModel: ({ partA, partB, ...model }?: {
+        partA?: {} | undefined;
+        partB?: {} | undefined;
+    }, defaults?: {
+        partLabels: boolean;
+        partLabelType: string;
+        partA: any;
+        partB: any;
+    }) => {
+        partA: any;
+        partB: any;
+        partLabels: boolean;
+        partLabelType: string;
+    };
+    constructor();
+    set model(m: any);
+    dispatchModelUpdated(reset: any): void;
+    onModelChanged: any;
+    set configuration(c: any);
+    onConfigurationChanged(c: any): void;
+    onModelUpdated: any;
+    connectedCallback(): void;
+    _render(): void;
+    disconnectedCallback(): void;
+}

package/dist/author/index.js

@@ -0,0 +1,80 @@
+import { EBSR_MULTIPLE_CHOICE_CONFIGURE_TAG as e } from "../private-tags.js";
+import { Main as t } from "./main.js";
+import n from "./defaults.js";
+import { defaults as r } from "@pie-element/shared-lodash";
+import i from "react";
+import { createRoot as a } from "react-dom/client";
+import { ModelUpdatedEvent as o } from "@pie-element/shared-configure-events";
+import s from "@pie-element/multiple-choice/author";
+//#region src/author/index.ts
+var c = o.TYPE, l = e, u = class extends s {};
+customElements.get(l) || customElements.define(l, u);
+var d = (e, t) => ({
+	configuration: r(e, n.configuration),
+	model: t
+}), { model: f } = n || {}, p = class e extends HTMLElement {
+	static createDefaultModel = ({ partA: e = {}, partB: t = {}, ...n } = {}, r = f) => ({
+		...r,
+		...n,
+		partA: {
+			...r.partA,
+			...e,
+			choicesLayout: e.choicesLayout || e.verticalMode === !1 && "horizontal" || r.partA.choicesLayout
+		},
+		partB: {
+			...r.partB,
+			...t,
+			choicesLayout: t.choicesLayout || t.verticalMode === !1 && "horizontal" || r.partB.choicesLayout
+		}
+	});
+	constructor() {
+		super(), this._root = null, this._model = e.createDefaultModel(), this._configuration = n.configuration, this.onConfigurationChanged = this.onConfigurationChanged.bind(this);
+	}
+	set model(t) {
+		this._model = e.createDefaultModel(t, this._model), this._render();
+	}
+	dispatchModelUpdated(e) {
+		let t = !!e;
+		this.dispatchEvent(new o(this._model, t));
+	}
+	onModelChanged = (t, n) => {
+		this._model = e.createDefaultModel(t, this._model), this.dispatchModelUpdated(n), this._render();
+	};
+	set configuration(e) {
+		let t = d(e, this._model), r = {
+			...n.configuration,
+			...t.configuration
+		};
+		this._configuration = r, r?.language?.enabled ? r?.languageChoices?.options?.length && (this._model.language = r?.languageChoices.options[0].value) : r.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();
+	}
+	onConfigurationChanged(e) {
+		this._configuration = d(e, this._model).configuration, this._model && this.onModelChanged(this._model), this._render();
+	}
+	onModelUpdated = (e) => {
+		if (e.target === this) return;
+		e.preventDefault(), e.stopImmediatePropagation();
+		let t = e.target && e.target.getAttribute("id");
+		t && (e.update && (this._model[`part${t}`] = e.update), this.dispatchEvent(new o(this._model)));
+	};
+	connectedCallback() {
+		this.addEventListener(c, this.onModelUpdated), this._render();
+	}
+	_render() {
+		let e = i.createElement(t, {
+			model: this._model,
+			configuration: this._configuration,
+			multipleChoiceTagName: l,
+			onModelChanged: this.onModelChanged,
+			onConfigurationChanged: this.onConfigurationChanged
+		});
+		this._root ||= a(this), this._root.render(e);
+	}
+	disconnectedCallback() {
+		this.removeEventListener(c, this.onModelUpdated), this._root &&= (this._root.unmount(), null);
+	}
+};
+//#endregion
+export { p as default };

package/dist/author/main.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @synced-from pie-elements/packages/ebsr/configure/src/main.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 Main extends React.Component {
+    static propTypes: {
+        configuration: PropTypes.Requireable<object>;
+        model: PropTypes.Requireable<object>;
+        multipleChoiceTagName: PropTypes.Requireable<string>;
+        onModelChanged: PropTypes.Requireable<(...args: any[]) => any>;
+        onConfigurationChanged: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    removeExtraChoices: any;
+    onModelChanged: any;
+    render(): React.JSX.Element;
+}
+export default Main;