@pie-element/number-line 13.1.0-next.19 → 13.1.1-next.1

package/dist/_virtual/_rolldown/runtime.js

@@ -0,0 +1,11 @@
+//#region \0rolldown/runtime.js
+var e = Object.defineProperty, t = (t, n) => {
+	let r = {};
+	for (var i in t) e(r, i, {
+		get: t[i],
+		enumerable: !0
+	});
+	return n || e(r, Symbol.toStringTag, { value: "Module" }), r;
+};
+//#endregion
+export { t as __exportAll };

package/dist/author/arrows.d.ts

@@ -0,0 +1,28 @@
+/**
+ * @synced-from pie-elements/packages/number-line/configure/src/arrows.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 Arrows extends React.Component {
+    static propTypes: {
+        arrows: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            left: PropTypes.Requireable<boolean>;
+            right: PropTypes.Requireable<boolean>;
+        }>>>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    static defaultProps: {
+        arrows: {
+            left: boolean;
+            right: boolean;
+        };
+    };
+    constructor(props: any);
+    render(): React.JSX.Element;
+}
+export default Arrows;

package/dist/author/arrows.js

@@ -0,0 +1,69 @@
+import e from "react";
+import { styled as t } from "@mui/material/styles";
+import n from "prop-types";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { InputCheckbox as a } from "@pie-lib/config-ui";
+//#region src/author/arrows.tsx
+var o = t("div")({
+	display: "flex",
+	alignItems: "center",
+	gap: "10px"
+}), s = t("div")(({ theme: e }) => ({
+	paddingTop: e.spacing(2),
+	display: "flex",
+	gap: e.spacing(2),
+	alignItems: "center",
+	"& > *": { flexShrink: 0 },
+	"& label": {
+		whiteSpace: "nowrap",
+		overflow: "visible",
+		textOverflow: "clip"
+	},
+	"& .MuiFormControlLabel-root": {
+		margin: 0,
+		marginRight: 0
+	},
+	"& .MuiFormControlLabel-label": {
+		whiteSpace: "nowrap",
+		overflow: "visible",
+		textOverflow: "clip",
+		maxWidth: "none",
+		width: "auto",
+		flexShrink: 0
+	}
+})), c = class extends e.Component {
+	static propTypes = {
+		arrows: n.shape({
+			left: n.bool,
+			right: n.bool
+		}).isRequired,
+		onChange: n.func
+	};
+	static defaultProps = { arrows: {
+		left: !0,
+		right: !0
+	} };
+	constructor(e) {
+		super(e), this.change = (e, t, n) => {
+			let r = {
+				...this.props.arrows,
+				[e]: n
+			};
+			this.props.onChange(r);
+		}, this.changeLeft = this.change.bind(this, "left"), this.changeRight = this.change.bind(this, "right");
+	}
+	render() {
+		let { arrows: e } = this.props;
+		return /* @__PURE__ */ i(o, { children: [/* @__PURE__ */ r("label", { children: "Arrows" }), /* @__PURE__ */ i(s, { children: [/* @__PURE__ */ r(a, {
+			label: "Left",
+			checked: e.left,
+			onChange: this.changeLeft
+		}), /* @__PURE__ */ r(a, {
+			label: "Right",
+			checked: e.right,
+			onChange: this.changeRight
+		})] })] });
+	}
+};
+//#endregion
+export { c as default };

package/dist/author/card-bar.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @synced-from pie-elements/packages/number-line/configure/src/card-bar.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 PropTypes from 'prop-types';
+import React from 'react';
+declare const CardBar: {
+    (props: any): React.JSX.Element;
+    propTypes: {
+        mini: PropTypes.Requireable<boolean>;
+        header: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        info: PropTypes.Requireable<any>;
+    };
+};
+export default CardBar;

package/dist/author/card-bar.js

@@ -0,0 +1,41 @@
+import "react";
+import { styled as e } from "@mui/material/styles";
+import t from "prop-types";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import i from "@mui/material/Tooltip";
+import a from "@mui/icons-material/HelpOutline";
+import o from "@mui/material/IconButton";
+import s from "@mui/material/Typography";
+//#region src/author/card-bar.tsx
+var c = e("div")({
+	display: "flex",
+	justifyContent: "space-between"
+}), l = e("div")({
+	display: "flex",
+	alignItems: "center"
+}), u = e(o)({
+	margin: 0,
+	padding: 0
+}), d = (e) => {
+	let { header: t, children: o, mini: d, info: f } = e;
+	return /* @__PURE__ */ r(c, { children: [/* @__PURE__ */ r(l, { children: [/* @__PURE__ */ n(s, {
+		variant: d ? "subheading" : "h5",
+		children: t
+	}), f] }), o && /* @__PURE__ */ n(i, {
+		title: o,
+		slotProps: { tooltip: { sx: (e) => ({ fontSize: e.typography.fontSize - 2 }) } },
+		children: /* @__PURE__ */ n(u, {
+			"aria-label": "Delete",
+			size: "large",
+			children: /* @__PURE__ */ n(a, {})
+		})
+	})] });
+};
+d.propTypes = {
+	mini: t.bool,
+	header: t.string,
+	children: t.node,
+	info: t.any
+};
+//#endregion
+export { d as default };

package/dist/author/defaults.d.ts

@@ -0,0 +1,178 @@
+/**
+ * @synced-from pie-elements/packages/number-line/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.
+ */
+export declare const model: {
+    correctResponse: never[];
+    feedback: {
+        correct: {
+            default: string;
+            type: string;
+        };
+        incorrect: {
+            default: string;
+            type: string;
+        };
+        partial: {
+            default: string;
+            type: string;
+        };
+    };
+    graph: {
+        arrows: {
+            left: boolean;
+            right: boolean;
+        };
+        availableTypes: {
+            PF: boolean;
+        };
+        domain: {
+            min: number;
+            max: number;
+        };
+        exhibitOnly: boolean;
+        initialElements: never[];
+        initialType: string;
+        maxNumberOfPoints: number;
+        ticks: {
+            minor: number;
+            major: number;
+            tickIntervalType: string;
+        };
+        title: string;
+        width: number;
+    };
+    prompt: string;
+    promptEnabled: boolean;
+    rationale: string;
+    rationaleEnabled: boolean;
+    teacherInstructions: string;
+    teacherInstructionsEnabled: boolean;
+    toolbarEditorPosition: string;
+    widthEnabled: boolean;
+};
+export declare const configuration: {
+    baseInputConfiguration: {
+        h3: {
+            disabled: boolean;
+        };
+        audio: {
+            disabled: boolean;
+        };
+        video: {
+            disabled: boolean;
+        };
+        image: {
+            disabled: boolean;
+        };
+        textAlign: {
+            disabled: boolean;
+        };
+        showParagraphs: {
+            disabled: boolean;
+        };
+    };
+    instruction: {
+        settings: boolean;
+        enabled: boolean;
+        label: string;
+    };
+    prompt: {
+        settings: boolean;
+        label: string;
+        required: boolean;
+        inputConfiguration: {
+            audio: {
+                disabled: boolean;
+            };
+            video: {
+                disabled: boolean;
+            };
+            image: {
+                disabled: boolean;
+            };
+        };
+    };
+    rationale: {
+        settings: boolean;
+        label: string;
+        required: boolean;
+        inputConfiguration: {
+            audio: {
+                disabled: boolean;
+            };
+            video: {
+                disabled: boolean;
+            };
+            image: {
+                disabled: boolean;
+            };
+        };
+    };
+    teacherInstructions: {
+        settings: boolean;
+        label: string;
+        required: boolean;
+        inputConfiguration: {
+            audio: {
+                disabled: boolean;
+            };
+            video: {
+                disabled: boolean;
+            };
+            image: {
+                disabled: boolean;
+            };
+        };
+    };
+    title: {
+        label: string;
+        settings: boolean;
+        enabled: boolean;
+        inputConfiguration: {
+            audio: {
+                disabled: boolean;
+            };
+            video: {
+                disabled: boolean;
+            };
+            image: {
+                disabled: boolean;
+            };
+        };
+    };
+    numberLineDimensions: {
+        settings: boolean;
+        label: string;
+        enabled: boolean;
+        min: number;
+        max: number;
+        step: number;
+    };
+    mathMlOptions: {
+        mmlOutput: boolean;
+        mmlEditing: boolean;
+    };
+    language: {
+        settings: boolean;
+        label: string;
+        enabled: boolean;
+    };
+    languageChoices: {
+        label: string;
+        options: never[];
+    };
+    spellCheck: {
+        label: string;
+        settings: boolean;
+        enabled: boolean;
+    };
+    maxMaxElements: number;
+    hidePointConfigButtons: boolean;
+    availableTools: string[];
+    settingsPanelDisabled: boolean;
+};

package/dist/author/defaults.js

@@ -0,0 +1,144 @@
+//#region src/author/defaults.ts
+var e = {
+	correctResponse: [],
+	feedback: {
+		correct: {
+			default: "Correct",
+			type: "none"
+		},
+		incorrect: {
+			default: "Incorrect",
+			type: "none"
+		},
+		partial: {
+			default: "Nearly",
+			type: "none"
+		}
+	},
+	graph: {
+		arrows: {
+			left: !0,
+			right: !0
+		},
+		availableTypes: { PF: !0 },
+		domain: {
+			min: -1,
+			max: 1
+		},
+		exhibitOnly: !1,
+		initialElements: [],
+		initialType: "PF",
+		maxNumberOfPoints: 1,
+		ticks: {
+			minor: .125,
+			major: .5,
+			tickIntervalType: "Decimal"
+		},
+		title: "",
+		width: 500
+	},
+	prompt: "",
+	promptEnabled: !0,
+	rationale: "",
+	rationaleEnabled: !0,
+	teacherInstructions: "",
+	teacherInstructionsEnabled: !0,
+	toolbarEditorPosition: "bottom",
+	widthEnabled: !0
+}, t = {
+	baseInputConfiguration: {
+		h3: { disabled: !0 },
+		audio: { disabled: !1 },
+		video: { disabled: !1 },
+		image: { disabled: !1 },
+		textAlign: { disabled: !0 },
+		showParagraphs: { disabled: !1 }
+	},
+	instruction: {
+		settings: !1,
+		enabled: !0,
+		label: "Number line questions involve plotting points or other objects. To create one, first set up the number line, then select the plotting tools students will be offered and use them to define the correct answer."
+	},
+	prompt: {
+		settings: !0,
+		label: "Item Stem",
+		required: !1,
+		inputConfiguration: {
+			audio: { disabled: !1 },
+			video: { disabled: !1 },
+			image: { disabled: !1 }
+		}
+	},
+	rationale: {
+		settings: !0,
+		label: "Rationale",
+		required: !1,
+		inputConfiguration: {
+			audio: { disabled: !1 },
+			video: { disabled: !1 },
+			image: { disabled: !1 }
+		}
+	},
+	teacherInstructions: {
+		settings: !0,
+		label: "Teacher Instructions",
+		required: !1,
+		inputConfiguration: {
+			audio: { disabled: !1 },
+			video: { disabled: !1 },
+			image: { disabled: !1 }
+		}
+	},
+	title: {
+		label: "Title",
+		settings: !0,
+		enabled: !0,
+		inputConfiguration: {
+			audio: { disabled: !1 },
+			video: { disabled: !1 },
+			image: { disabled: !1 }
+		}
+	},
+	numberLineDimensions: {
+		settings: !0,
+		label: "Width",
+		enabled: !0,
+		min: 200,
+		max: 800,
+		step: 20
+	},
+	mathMlOptions: {
+		mmlOutput: !1,
+		mmlEditing: !1
+	},
+	language: {
+		settings: !1,
+		label: "Specify Language",
+		enabled: !1
+	},
+	languageChoices: {
+		label: "Language Choices",
+		options: []
+	},
+	spellCheck: {
+		label: "Spellcheck",
+		settings: !1,
+		enabled: !0
+	},
+	maxMaxElements: 20,
+	hidePointConfigButtons: !1,
+	availableTools: [
+		"PF",
+		"LFF",
+		"LEF",
+		"LFE",
+		"LEE",
+		"RFN",
+		"RFP",
+		"REN",
+		"REP"
+	],
+	settingsPanelDisabled: !1
+};
+//#endregion
+export { t as configuration, e as model };

package/dist/author/domain.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @synced-from pie-elements/packages/number-line/configure/src/domain.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';
+export declare class Domain extends React.Component {
+    constructor(props: any);
+    change(key: any, event: any, value: any): void;
+    render(): React.JSX.Element;
+}
+export default Domain;

package/dist/author/domain.js

@@ -0,0 +1,54 @@
+import e from "./number-text-field.js";
+import t from "react";
+import { styled as n } from "@mui/material/styles";
+import r from "prop-types";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/author/domain.tsx
+var o = "domainBegin", s = "domainEnd", c = n("div")({
+	display: "flex",
+	gap: "20px"
+}), l = n("div")({
+	display: "flex",
+	alignItems: "center",
+	gap: "10px",
+	".MuiInputBase-input": { padding: "16.5px 14px !important" }
+}), u = (e) => e.min <= e.max ? e : {
+	min: e.max,
+	max: e.min
+}, d = class extends t.Component {
+	constructor(e) {
+		super(e), this.changeMin = this.change.bind(this, "min"), this.changeMax = this.change.bind(this, "max");
+	}
+	change(e, t, n) {
+		let { onChange: r } = this.props, i;
+		i = e === "min" && n === this.props.domain.max || e === "max" && n === this.props.domain.min ? { ...this.props.domain } : {
+			...this.props.domain,
+			[e]: n
+		}, r(u(i));
+	}
+	render() {
+		let { domain: t } = this.props;
+		return /* @__PURE__ */ a(c, { children: [/* @__PURE__ */ a(l, { children: [/* @__PURE__ */ i("label", { children: "Min Value" }), /* @__PURE__ */ i(e, {
+			min: -1e5,
+			max: 99999,
+			value: t.min,
+			name: o,
+			onChange: this.changeMin
+		})] }), /* @__PURE__ */ a(l, { children: [/* @__PURE__ */ i("label", { children: "Max Value" }), /* @__PURE__ */ i(e, {
+			min: -99999,
+			max: 1e5,
+			value: t.max,
+			name: s,
+			onChange: this.changeMax
+		})] })] });
+	}
+};
+d.propTypes = {
+	domain: r.shape({
+		min: r.number,
+		max: r.number
+	}),
+	onChange: r.func.isRequired
+};
+//#endregion
+export { d as default };

package/dist/author/index.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @synced-from pie-elements/packages/number-line/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 NumberLine extends HTMLElement {
+    static createDefaultModel: (model?: {}) => any;
+    constructor();
+    set model(m: any);
+    resetModelAfterConfigurationIsSet: any;
+    set configuration(c: any);
+    onChange: any;
+    onConfigurationChanged: any;
+    insertImage(handler: any): void;
+    onDeleteImage(src: any, done: any): void;
+    insertSound(handler: any): void;
+    onDeleteSound(src: any, done: any): void;
+    _rerender(): void;
+    disconnectedCallback(): void;
+}

package/dist/author/index.js

@@ -0,0 +1,89 @@
+import e from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/cloneDeep.js";
+import { configuration as t, model as n } from "./defaults.js";
+import r from "./main.js";
+import i from "react";
+import * as a from "mathjs";
+import { createRoot as o } from "react-dom/client";
+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 = (e) => {
+	let { graph: { domain: t, labelStep: n, ticks: r = {} } = {} } = e, { minor: i, major: o } = r;
+	if (t && (t.min = Number((t.min || 0).toFixed(2)), t.max = Number((t.max || 0).toFixed(2))), n && typeof n == "string" && n.match(/^[1-9][0-9]*\/[1-9][0-9]*$/g)) {
+		e.graph.fraction = !0, r.tickIntervalType = "Fraction";
+		let t = a.evaluate(n);
+		t !== o && (r.major = t, r.minor = t / (o / i));
+	}
+	return e;
+}, p = class a extends HTMLElement {
+	static createDefaultModel = (e = {}) => {
+		let r = t, i = e.language || "";
+		return !i && r.language && r.language.enabled && r.languageChoices?.options?.length && (i = r.languageChoices.options[0].value), f({
+			...n,
+			...e,
+			language: i
+		});
+	};
+	constructor() {
+		super(), this._root = null, this._model = a.createDefaultModel(), this._configuration = t;
+	}
+	set model(t) {
+		this._model = a.createDefaultModel(t), this._modelCopy = e(this._model), this._rerender();
+	}
+	resetModelAfterConfigurationIsSet = () => {
+		let e = document.querySelectorAll("pie-author");
+		this.hasPlayerAsParent = Array.from(e).some((e) => e.contains(this)), this.hasPlayerAsParent && (this._modelCopy ? this._model = this._modelCopy : delete this._modelCopy);
+	};
+	set configuration(e) {
+		let n = {
+			...t,
+			...e
+		};
+		this._configuration = n, this.resetModelAfterConfigurationIsSet(), 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._rerender();
+	}
+	onChange = (e) => {
+		this._model = {
+			...this._model,
+			...e
+		}, this.dispatchEvent(new d(this._model)), this._rerender();
+	};
+	onConfigurationChanged = (e) => {
+		this._configuration = e, this._render();
+	};
+	insertImage(e) {
+		this.dispatchEvent(new l(e));
+	}
+	onDeleteImage(e, t) {
+		this.dispatchEvent(new s(e, t));
+	}
+	insertSound(e) {
+		this.dispatchEvent(new u(e));
+	}
+	onDeleteSound(e, t) {
+		this.dispatchEvent(new c(e, t));
+	}
+	_rerender() {
+		let e = i.createElement(r, {
+			model: this._model,
+			configuration: this._configuration,
+			onChange: this.onChange,
+			onConfigurationChanged: this.onConfigurationChanged,
+			imageSupport: {
+				add: this.insertImage.bind(this),
+				delete: this.onDeleteImage.bind(this)
+			},
+			uploadSoundSupport: {
+				add: this.insertSound.bind(this),
+				delete: this.onDeleteSound.bind(this)
+			}
+		});
+		this._root ||= o(this), this._root.render(e);
+	}
+	disconnectedCallback() {
+		this._root && this._root.unmount();
+	}
+};
+//#endregion
+export { p as default };