@pie-element/charting 12.1.2-next.0 → 12.1.2-next.2

package/dist/browser/author/index.js

@@ -1,16 +1,16 @@
-import { G as e, Y as t, n } from "../_baseSet-Cse6EM9A.js";
-import { A as r, C as i, E as a, O as o, S as s, a as c, c as l, d as u, f as d, g as f, i as p, k as m, l as h, m as g, o as _, p as v, r as y, s as b, t as x } from "../chart-Dghjf6JQ.js";
+import { S as e, f as t, t as n, v as r } from "../dist-CA-Ok7CW.js";
+import { D as i, O as a, S as o, T as s, a as c, c as l, d as u, f as d, i as f, k as p, l as m, m as h, o as g, p as _, r as v, s as y, t as b, x } from "../chart-C1GUG3cz.js";
 import * as S from "react";
 import C, { useEffect as ee, useState as w } from "react";
 import { createRoot as T } from "react-dom/client";
 import { jsx as E, jsxs as D } from "react/jsx-runtime";
 //#region ../../lib-react/charting/dist/chart-type.js
-var O = /* @__PURE__ */ t(r(), 1), k = m("div")(() => ({ width: "160px" })), A = m(s)(() => ({ width: "160px" })), j = m(i)(() => ({ backgroundColor: "transparent" })), M = ({ onChange: e, value: t, availableChartTypes: n, chartTypeLabel: r }) => /* @__PURE__ */ E(k, { children: /* @__PURE__ */ D(A, {
+var O = /* @__PURE__ */ e(p(), 1), k = a("div")(() => ({ width: "160px" })), A = a(x)(() => ({ width: "160px" })), j = a(o)(() => ({ backgroundColor: "transparent" })), M = ({ onChange: e, value: t, availableChartTypes: n, chartTypeLabel: r }) => /* @__PURE__ */ E(k, { children: /* @__PURE__ */ D(A, {
 	variant: "outlined",
 	children: [/* @__PURE__ */ E(j, {
 		id: "type-helper-label",
 		children: r
-	}), /* @__PURE__ */ D(v, {
+	}), /* @__PURE__ */ D(_, {
 		labelId: "type-helper-label",
 		id: "type-helper-label-select",
 		name: "chartType",
@@ -72,38 +72,38 @@ var N = (e, t, n, r, i) => {
 		...i,
 		data: e
 	});
-}, te = m("div")(() => ({ width: "450px" })), ne = m("div")(({ theme: e }) => ({
+}, te = a("div")(() => ({ width: "450px" })), ne = a("div")(({ theme: e }) => ({
 	display: "flex",
 	flexDirection: "column",
 	width: "100%",
 	marginTop: e.spacing(3)
-})), P = m("div")(() => ({
+})), P = a("div")(() => ({
 	display: "flex",
 	flexDirection: "column",
 	alignItems: "center"
-})), F = m("div")(() => ({
+})), re = a("div")(() => ({
 	display: "flex",
 	justifyContent: "space-around",
 	alignItems: "center"
-})), I = m(_)(({ theme: e }) => ({
+})), F = a(g)(({ theme: e }) => ({
 	width: "130px",
 	margin: `${e.spacing(1)} ${e.spacing(.5)}`
-})), L = m(_)(({ theme: e }) => ({
+})), I = a(g)(({ theme: e }) => ({
 	width: "160px",
 	margin: `${e.spacing(1)} ${e.spacing(.5)}`
-})), R = m("div")(({ theme: e }) => ({
+})), L = a("div")(({ theme: e }) => ({
 	display: "flex",
 	justifyContent: "space-between",
 	alignItems: "center",
 	margin: `${e.spacing(3)} 0`
-})), re = m(g)(() => ({ color: o.disabled() })), z = (e) => {
+})), ie = a(h)(() => ({ color: i.disabled() })), R = (e) => {
 	let { model: t, onChange: n, chartDimensions: r, gridValues: i = {}, labelValues: a = {}, studentNewCategoryDefaultLabel: o = {}, availableChartTypes: s = {}, chartTypeLabel: c } = e, [l, u] = w({
 		open: !1,
 		title: "",
 		text: "",
 		onClose: null,
 		onConfirm: null
-	}), [d, f] = w(!1), [p, m] = w(""), [h, _] = w(0), { range: v = {}, correctAnswer: y, changeInteractiveEnabled: x, changeEditableEnabled: S } = t, C = t.graph, { showInConfigPanel: T, width: O, height: k } = r || {}, A = {
+	}), [d, f] = w(!1), [p, m] = w(""), [g, _] = w(0), { range: v = {}, correctAnswer: b, changeInteractiveEnabled: x, changeEditableEnabled: S } = t, C = t.graph, { showInConfigPanel: T, width: O, height: k } = r || {}, A = {
 		min: O?.min ? Math.max(50, O.min) : 50,
 		max: O?.max ? Math.min(700, O.max) : 700,
 		step: O?.step >= 1 ? Math.min(200, O.step) : 20
@@ -111,45 +111,45 @@ var N = (e, t, n, r, i) => {
 		min: k?.min ? Math.max(400, k.min) : 400,
 		max: k?.max ? Math.min(700, k.max) : 700,
 		step: k?.step >= 1 ? Math.min(200, k.step) : 20
-	}, z = i && i.range ? { customValues: i.range } : {
+	}, R = i && i.range ? { customValues: i.range } : {
 		min: 0,
 		max: 1e4
-	}, B = a && a.range ? { customValues: a.range } : {
+	}, z = a && a.range ? { customValues: a.range } : {
 		min: 0,
 		max: 1e4
-	}, V = /* @__PURE__ */ D(F, { children: [/* @__PURE__ */ E(L, {
+	}, B = /* @__PURE__ */ D(re, { children: [/* @__PURE__ */ E(I, {
 		label: "Grid Interval",
 		value: v.step,
 		variant: "outlined",
-		onChange: (e, t) => Y("step", t, e),
-		...z
-	}), /* @__PURE__ */ E(L, {
+		onChange: (e, t) => J("step", t, e),
+		...R
+	}), /* @__PURE__ */ E(I, {
 		label: "Label Interval",
 		value: v.labelStep,
 		variant: "outlined",
-		onChange: (e, t) => Y("labelStep", t, e),
-		...B
-	})] }), H = (e) => {
+		onChange: (e, t) => J("labelStep", t, e),
+		...z
+	})] }), V = (e) => {
 		u((t) => ({
 			...t,
 			open: e
 		})), f(e);
-	}, U = (e, t) => e.map((e) => (Object.prototype.hasOwnProperty.call(e, t) && (e[t] = t == "interactive"), e)), W = (e) => {
+	}, H = (e, t) => e.map((e) => (Object.prototype.hasOwnProperty.call(e, t) && (e[t] = t == "interactive"), e)), U = (e) => {
 		let { correctAnswer: r, data: i } = t;
-		x === !1 && U(i, "interactive"), S === !1 && U(i, "editable"), N(i, e, v, n, t), N(r.data, !1, v, n, t);
-	}, G = () => {
+		x === !1 && H(i, "interactive"), S === !1 && H(i, "editable"), N(i, e, v, n, t), N(r.data, !1, v, n, t);
+	}, W = () => {
 		let e = o?.label;
 		n({
 			...t,
 			studentCategoryDefaultLabel: e
 		});
-	}, K = (e) => e.includes("Plot") ? {
+	}, G = (e) => e.includes("Plot") ? {
 		min: 3,
 		max: 10
 	} : {
 		min: .05,
 		max: 1e4
-	}, q = (e, r) => {
+	}, K = (e, r) => {
 		let i = {
 			...C,
 			[e]: r
@@ -158,57 +158,57 @@ var N = (e, t, n, r, i) => {
 			...t,
 			graph: i
 		});
-	}, J = (e, t) => (e || []).find((e) => e.value > t.max || e.value - t.step * Math.floor(e.value / t.step) !== 0), Y = (e, r, i) => {
-		_(v[e]), m(e), v[e] = r, (e === "max" || e === "step") && (J(t.data, v) || J(t.correctAnswer.data, v)) && i?.target ? f(!0) : n({
+	}, q = (e, t) => (e || []).find((e) => e.value > t.max || e.value - t.step * Math.floor(e.value / t.step) !== 0), J = (e, r, i) => {
+		_(v[e]), m(e), v[e] = r, (e === "max" || e === "step") && (q(t.data, v) || q(t.correctAnswer.data, v)) && i?.target ? f(!0) : n({
 			...t,
 			range: v
 		});
 	};
 	ee(() => {
-		W(!0), G();
+		U(!0), W();
 	}, []), ee(() => {
 		d && u({
 			open: !0,
 			title: "Warning",
 			text: "This change will remove values defined for one or more categories",
 			onConfirm: () => {
-				W(), H(!1), n({
+				U(), V(!1), n({
 					...t,
 					range: v,
-					correctAnswer: y
+					correctAnswer: b
 				});
 			},
 			onClose: () => {
-				v[p] = h, H(!1);
+				v[p] = g, V(!1);
 			}
 		});
 	}, [d]);
-	let X = v.step === 1 && v.labelStep === 1 && 3 <= v.max && v.max <= 10, ie = () => {
-		K.min = 3, K.max = 10, v.max = 10, v.step = 1, v.labelStep = 1, n({
+	let Y = v.step === 1 && v.labelStep === 1 && 3 <= v.max && v.max <= 10, ae = () => {
+		G.min = 3, G.max = 10, v.max = 10, v.step = 1, v.labelStep = 1, n({
 			...t,
 			range: v
 		});
-	}, Z = (e) => {
+	}, X = (e) => {
 		if (e.includes("Plot")) {
-			if (!X) {
+			if (!Y) {
 				u({
 					open: !0,
 					title: "Warning",
 					text: "The selected chart type does not support the current chart configuration. Reset chart configuration?",
 					onConfirm: () => {
-						ie(), W(), H(!1), n({
+						ae(), U(), V(!1), n({
 							...t,
 							range: v,
 							chartType: e
 						});
 					},
 					onClose: () => {
-						H(!1);
+						V(!1);
 					}
 				});
 				return;
 			}
-			K.min = 3, K.max = 10, n({
+			G.min = 3, G.max = 10, n({
 				...t,
 				chartType: e
 			});
@@ -220,48 +220,48 @@ var N = (e, t, n, r, i) => {
 		});
 	};
 	return /* @__PURE__ */ D(te, { children: [
-		/* @__PURE__ */ E(g, {
+		/* @__PURE__ */ E(h, {
 			variant: "subtitle1",
 			children: "Configure Chart"
 		}),
 		/* @__PURE__ */ D(ne, { children: [
-			/* @__PURE__ */ D(F, { children: [/* @__PURE__ */ E(M, {
+			/* @__PURE__ */ D(re, { children: [/* @__PURE__ */ E(M, {
 				value: t.chartType,
-				onChange: (e) => Z(e.target.value),
+				onChange: (e) => X(e.target.value),
 				availableChartTypes: s,
 				chartTypeLabel: c
-			}), /* @__PURE__ */ E(L, {
+			}), /* @__PURE__ */ E(I, {
 				label: "Max Value",
 				value: v.max,
-				min: K(t.chartType).min,
-				max: K(t.chartType).max,
+				min: G(t.chartType).min,
+				max: G(t.chartType).max,
 				variant: "outlined",
-				onChange: (e, t) => Y("max", t, e)
+				onChange: (e, t) => J("max", t, e)
 			})] }),
-			!t.chartType.includes("Plot") && V,
-			T && /* @__PURE__ */ D(R, { children: [
-				/* @__PURE__ */ E("div", { children: /* @__PURE__ */ E(g, { children: "Dimensions(px)" }) }),
-				/* @__PURE__ */ D(P, { children: [/* @__PURE__ */ E(I, {
+			!t.chartType.includes("Plot") && B,
+			T && /* @__PURE__ */ D(L, { children: [
+				/* @__PURE__ */ E("div", { children: /* @__PURE__ */ E(h, { children: "Dimensions(px)" }) }),
+				/* @__PURE__ */ D(P, { children: [/* @__PURE__ */ E(F, {
 					label: "Width",
 					value: C.width,
 					min: A.min,
 					max: A.max,
 					step: A.step,
 					variant: "outlined",
-					onChange: (e, t) => q("width", t)
-				}), /* @__PURE__ */ E(re, { children: "Min 50, Max 700" })] }),
-				/* @__PURE__ */ D(P, { children: [/* @__PURE__ */ E(I, {
+					onChange: (e, t) => K("width", t)
+				}), /* @__PURE__ */ E(ie, { children: "Min 50, Max 700" })] }),
+				/* @__PURE__ */ D(P, { children: [/* @__PURE__ */ E(F, {
 					label: "Height",
 					value: C.height,
 					min: j.min,
 					max: j.max,
 					step: j.step,
 					variant: "outlined",
-					onChange: (e, t) => q("height", t)
-				}), /* @__PURE__ */ E(re, { children: "Min 400, Max 700" })] })
+					onChange: (e, t) => K("height", t)
+				}), /* @__PURE__ */ E(ie, { children: "Min 400, Max 700" })] })
 			] })
 		] }),
-		/* @__PURE__ */ E(b, {
+		/* @__PURE__ */ E(y, {
 			open: l.open,
 			title: l.title,
 			text: l.text,
@@ -270,7 +270,7 @@ var N = (e, t, n, r, i) => {
 		})
 	] });
 };
-z.propTypes = {
+R.propTypes = {
 	chartDimensions: O.default.object,
 	domain: O.default.object,
 	gridValues: O.default.object,
@@ -286,7 +286,7 @@ z.propTypes = {
 };
 //#endregion
 //#region ../../shared/configure-events/dist/index.js
-var B = class e extends CustomEvent {
+var z = class e extends CustomEvent {
 	static {
 		this.TYPE = "model.updated";
 	}
@@ -299,7 +299,7 @@ var B = class e extends CustomEvent {
 			}
 		}), this.update = t, this.reset = n;
 	}
-}, V = class e extends CustomEvent {
+}, B = class e extends CustomEvent {
 	static {
 		this.TYPE = "delete.image";
 	}
@@ -312,7 +312,7 @@ var B = class e extends CustomEvent {
 			}
 		}), this.src = t, this.done = n;
 	}
-}, H = class e extends CustomEvent {
+}, V = class e extends CustomEvent {
 	static {
 		this.TYPE = "insert.image";
 	}
@@ -322,7 +322,7 @@ var B = class e extends CustomEvent {
 			detail: t
 		}), this.handler = t;
 	}
-}, U = class e extends CustomEvent {
+}, H = class e extends CustomEvent {
 	static {
 		this.TYPE = "delete.sound";
 	}
@@ -335,7 +335,7 @@ var B = class e extends CustomEvent {
 			}
 		}), this.src = t, this.done = n;
 	}
-}, W = class e extends CustomEvent {
+}, U = class e extends CustomEvent {
 	static {
 		this.TYPE = "insert.sound";
 	}
@@ -345,11 +345,11 @@ var B = class e extends CustomEvent {
 			detail: t
 		}), this.handler = t;
 	}
-}, G = /* @__PURE__ */ t(e(), 1), K = m("div")(({ theme: e }) => ({
+}, W = /* @__PURE__ */ e(r(), 1), G = a("div")(({ theme: e }) => ({
 	marginBottom: e.spacing(2.5),
 	display: "flex",
 	flex: 1
-})), q = m("div")(({ theme: e }) => ({ marginBottom: e.spacing(1) })), J = m("div")({ flex: 1 }), Y = m(l)({ color: `${o.tertiary()} !important` }), X = (e, t) => {
+})), K = a("div")(({ theme: e }) => ({ marginBottom: e.spacing(1) })), q = a("div")({ flex: 1 }), J = a(l)({ color: `${i.tertiary()} !important` }), Y = (e, t) => {
 	if (!e) return t;
 	let n = [];
 	return (t || []).forEach((t, r) => {
@@ -361,7 +361,7 @@ var B = class e extends CustomEvent {
 			interactive: t.interactive
 		};
 	}), n;
-}, ie = class extends S.Component {
+}, ae = class extends S.Component {
 	static propTypes = {
 		model: O.default.object.isRequired,
 		onChange: O.default.func.isRequired,
@@ -381,7 +381,7 @@ var B = class e extends CustomEvent {
 		data: e
 	});
 	changeAddRemoveEnabled = (e) => {
-		let { model: t } = this.props, n = X(t.correctAnswer.data, t.data);
+		let { model: t } = this.props, n = Y(t.correctAnswer.data, t.data);
 		e ? this.props.onChange({
 			...this.props.model,
 			addCategoryEnabled: e
@@ -410,13 +410,13 @@ var B = class e extends CustomEvent {
 	});
 	render() {
 		let { model: e, charts: t, labelsPlaceholders: n, titlePlaceholder: r, showPixelGuides: i, authorNewCategoryDefaults: a, chartingOptions: o, mathMlOptions: s = {}, labelsCharactersLimit: c } = this.props, { dialog: l } = this.state, { domain: u = {}, range: d = {} } = e || {};
-		return /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E(q, { children: "Define Initial Chart Attributes" }), /* @__PURE__ */ E(K, { children: /* @__PURE__ */ D(J, { children: [
-			/* @__PURE__ */ E(g, {
+		return /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E(K, { children: "Define Initial Chart Attributes" }), /* @__PURE__ */ E(G, { children: /* @__PURE__ */ D(q, { children: [
+			/* @__PURE__ */ E(h, {
 				component: "div",
 				type: "body1",
 				children: /* @__PURE__ */ E("span", { children: "Use the tools below to set up the chart as it will initially appear to students." })
 			}),
-			/* @__PURE__ */ E(x, {
+			/* @__PURE__ */ E(b, {
 				defineChart: !0,
 				chartingOptions: o,
 				showPixelGuides: i,
@@ -443,13 +443,13 @@ var B = class e extends CustomEvent {
 				mathMlOptions: s,
 				labelsCharactersLimit: c
 			}),
-			e.changeAddCategoryEnabled && /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E(Y, {
+			e.changeAddCategoryEnabled && /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E(J, {
 				checked: e.addCategoryEnabled,
 				onChange: (e) => {
 					this.changeAddRemoveEnabled(e.target.checked);
 				}
 			}), o?.addCategory?.authoringLabel] }),
-			/* @__PURE__ */ E(b, {
+			/* @__PURE__ */ E(y, {
 				open: l.open,
 				title: l.title,
 				text: l.text,
@@ -458,20 +458,20 @@ var B = class e extends CustomEvent {
 			})
 		] }, "graph") })] });
 	}
-}, Z = m("div")(({ theme: e }) => ({
+}, X = a("div")(({ theme: e }) => ({
 	marginBottom: e.spacing(2.5),
 	display: "flex",
 	flex: 1
-})), ae = m("div")({ flex: 1 }), oe = m("div")(({ theme: e }) => ({ border: `2px solid ${e.palette.error.main}` })), se = m(g)(({ theme: e }) => ({
+})), oe = a("div")({ flex: 1 }), se = a("div")(({ theme: e }) => ({ border: `2px solid ${e.palette.error.main}` })), ce = a(h)(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(1)
-})), ce = m("div")(({ theme: e }) => ({ marginBottom: e.spacing(1) })), Q = (e, t) => e.map((e, n) => ({
+})), le = a("div")(({ theme: e }) => ({ marginBottom: e.spacing(1) })), Z = (e, t) => e.map((e, n) => ({
 	...e,
 	editable: n < t.length ? t[n].editable : !0,
 	interactive: n < t.length ? t[n].interactive : !0,
 	deletable: n >= t.length
-})), le = (e, t) => {
+})), ue = (e, t) => {
 	if (!e) return t;
 	let n = [...e], r = [];
 	if ((t || []).forEach((t, n) => {
@@ -484,25 +484,25 @@ var B = class e extends CustomEvent {
 		};
 	}), r.length < e.length) {
 		let i = (n || []).slice(r.length, e.length);
-		return Q((r || []).concat(i), t);
+		return Z((r || []).concat(i), t);
 	}
 	return r;
-}, ue = (e, t) => {
+}, de = (e, t) => {
 	let n = t.length - 1, { editable: r, interactive: i, deletable: a, ...o } = t[t.length - 1];
-	return (e || []).splice(n, 0, o), Q([...e], t);
-}, de = (e, t, n) => ((e || []).splice(n, 1), Q([...e], t)), fe = (e, t, n) => {
-	let r = e && e.model && e.model.data || [], i = t && t.model && t.model.data || [], a = f(e && e.model && e.model.correctAnswer && e.model.correctAnswer.data || []), o = f(n ? n.categories : []), s = [];
-	if (r.length > i.length) return s = ue(a, r), s;
-	if (r.length < i.length) {
-		let e = r.length;
-		for (let t = 0; t < r.length; t++) if (r[t].index !== t) {
+	return (e || []).splice(n, 0, o), Z([...e], t);
+}, fe = (e, t, n) => ((e || []).splice(n, 1), Z([...e], t)), pe = (e, n, r) => {
+	let i = e && e.model && e.model.data || [], a = n && n.model && n.model.data || [], o = t(e && e.model && e.model.correctAnswer && e.model.correctAnswer.data || []), s = t(r ? r.categories : []), c = [];
+	if (i.length > a.length) return c = de(o, i), c;
+	if (i.length < a.length) {
+		let e = i.length;
+		for (let t = 0; t < i.length; t++) if (i[t].index !== t) {
 			e = t;
 			break;
 		}
-		return s = de(o, r, e), s;
+		return c = fe(s, i, e), c;
 	}
-	return s = le(a, r), s;
-}, pe = class extends S.Component {
+	return c = ue(o, i), c;
+}, me = class extends S.Component {
 	static propTypes = {
 		correctAnswerErrors: O.default.object,
 		studentNewCategoryDefaultLabel: O.default.string,
@@ -525,22 +525,22 @@ var B = class e extends CustomEvent {
 		});
 	};
 	componentDidMount() {
-		let e = fe(this.props, this.props, null);
-		this.setState({ categories: e || le(this.props.model.correctAnswer.data, this.props.model.data) });
+		let e = pe(this.props, this.props, null);
+		this.setState({ categories: e || ue(this.props.model.correctAnswer.data, this.props.model.data) });
 	}
 	componentDidUpdate(e, t) {
-		let r = fe(this.props, e, t);
+		let r = pe(this.props, e, t);
 		r && !n(r, this.state.categories) && (this.changeData(r), this.setState({ categories: r }));
 	}
 	render() {
 		let { model: e, charts: t, error: n, studentNewCategoryDefaultLabel: r, correctAnswerErrors: i, mathMlOptions: a = {}, labelsPlaceholders: o = {} } = this.props, { categories: s } = this.state, { domain: c = {}, range: l = {} } = e || {}, { identicalError: u, categoriesError: d } = i || {};
-		return /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E(ce, { children: "Define Correct Response" }), /* @__PURE__ */ E(Z, { children: /* @__PURE__ */ D(ae, { children: [
-			/* @__PURE__ */ E(g, {
+		return /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E(le, { children: "Define Correct Response" }), /* @__PURE__ */ E(X, { children: /* @__PURE__ */ D(oe, { children: [
+			/* @__PURE__ */ E(h, {
 				component: "div",
 				type: "body1",
 				children: /* @__PURE__ */ E("span", { children: "Use the tools below to define the correct answer." })
 			}),
-			E(u || d ? oe : "div", { children: /* @__PURE__ */ E(x, {
+			E(u || d ? se : "div", { children: /* @__PURE__ */ E(b, {
 				chartType: e.chartType,
 				size: e.graph,
 				domain: c,
@@ -555,14 +555,14 @@ var B = class e extends CustomEvent {
 				mathMlOptions: a,
 				labelsPlaceholders: o
 			}) }, `correct-response-graph-${e.correctAnswer.name}`),
-			(u || d) && /* @__PURE__ */ E(se, {
+			(u || d) && /* @__PURE__ */ E(ce, {
 				component: "div",
 				type: "body1",
 				children: /* @__PURE__ */ E("span", { children: u || d })
 			})
 		] }, "graph") })] });
 	}
-}, me = [
+}, he = [
 	.01,
 	.02,
 	.04,
@@ -589,7 +589,7 @@ var B = class e extends CustomEvent {
 	100,
 	500,
 	1e3
-], he = [
+], ge = [
 	.01,
 	.02,
 	.05,
@@ -606,7 +606,7 @@ var B = class e extends CustomEvent {
 	100,
 	500,
 	1e3
-], ge = {
+], _e = {
 	.01: [
 		0,
 		.01,
@@ -785,14 +785,14 @@ var B = class e extends CustomEvent {
 		4e3,
 		5e3
 	]
-}, _e = (e, t, n = !1) => {
-	let r = 10 * (e.max - e.min) / t, i = r * 10, a = n && !he.includes(e.step) && me.includes(e.step);
-	return (!n || a ? me : he).filter((e) => e >= r && e <= i);
-}, ve = (e) => ge[e] || [], ye = (e, t, r, i) => {
-	let a = _e(e, t), o = ve(e.step || 1);
+}, ve = (e, t, n = !1) => {
+	let r = 10 * (e.max - e.min) / t, i = r * 10, a = n && !ge.includes(e.step) && he.includes(e.step);
+	return (!n || a ? he : ge).filter((e) => e >= r && e <= i);
+}, ye = (e) => _e[e] || [], be = (e, t, r, i) => {
+	let a = ve(e, t), o = ye(e.step || 1);
 	if (!n(r, a) && !a.includes(e.step)) {
-		let n = _e(e, t, !0)[0] || 1;
-		return e.step = n, o = ve(n), o.includes(e.labelStep) || (e.labelStep = n), {
+		let n = ve(e, t, !0)[0] || 1;
+		return e.step = n, o = ye(n), o.includes(e.labelStep) || (e.labelStep = n), {
 			gridValues: a,
 			labelValues: o
 		};
@@ -801,21 +801,21 @@ var B = class e extends CustomEvent {
 		gridValues: a,
 		labelValues: o
 	};
-}, be = (0, G.default)("@pie-element:graphing:configure"), { Panel: xe, toggle: $, radio: Se, dropdown: Ce, textField: we } = p, Te = m(y)(({ theme: e }) => ({
+}, xe = (0, W.default)("@pie-element:graphing:configure"), { Panel: Se, toggle: Q, radio: Ce, dropdown: we, textField: Te } = f, Ee = a(v)(({ theme: e }) => ({
 	width: "100%",
 	paddingTop: e.spacing(2),
 	marginBottom: e.spacing(2)
-})), Ee = m(g)(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), De = m("div")(({ theme: e }) => ({
+})), De = a(h)(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), $ = a("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(1)
 })), Oe = [
-	h.Bar(),
-	h.Histogram(),
-	h.LineDot(),
-	h.LineCross(),
-	h.DotPlot(),
-	h.LinePlot()
+	m.Bar(),
+	m.Histogram(),
+	m.LineDot(),
+	m.LineCross(),
+	m.DotPlot(),
+	m.LinePlot()
 ], ke = class extends C.Component {
 	static propTypes = {
 		onModelChanged: O.default.func,
@@ -828,7 +828,7 @@ var B = class e extends CustomEvent {
 	};
 	constructor(e) {
 		super(e);
-		let { range: t = {}, graph: n } = e.model || {}, r = { range: _e(t, n.height, !0) }, i = { range: ve(t.step || 1) };
+		let { range: t = {}, graph: n } = e.model || {}, r = { range: ve(t, n.height, !0) }, i = { range: ye(t.step || 1) };
 		this.state = {
 			gridValues: r,
 			labelValues: i
@@ -854,7 +854,7 @@ var B = class e extends CustomEvent {
 		let { model: t, onModelChanged: n } = this.props, { gridValues: r, labelValues: i } = this.state, a = {
 			...t,
 			...e
-		}, { graph: o, range: s } = a, c = {}, l = {}, u = ye(s, o.height, r.range, i.range);
+		}, { graph: o, range: s } = a, c = {}, l = {}, u = be(s, o.height, r.range, i.range);
 		c.range = u.gridValues, l.range = u.labelValues, this.setState({
 			gridValues: c,
 			labelValues: l
@@ -862,23 +862,23 @@ var B = class e extends CustomEvent {
 	};
 	render() {
 		let { configuration: e, imageSupport: t, model: n, onConfigurationChanged: r, onModelChanged: i, uploadSoundSupport: a } = this.props;
-		be("[render] model", n);
-		let { graph: o } = n, { baseInputConfiguration: s = {}, contentDimensions: l = {}, chartDimensions: d = {}, authorNewCategoryDefaults: f = {}, labelsPlaceholders: p = {}, instruction: m = {}, maxImageWidth: h = {}, maxImageHeight: g = {}, prompt: _ = {}, rationale: v = {}, scoringType: y = {}, settingsPanelDisabled: b, spellCheck: x = {}, studentInstructions: S = {}, teacherInstructions: C = {}, titlePlaceholder: ee = {}, withRubric: w = {}, chartingOptions: T = {}, availableChartTypes: O = {}, mathMlOptions: k = {}, chartTypeLabel: A, language: j = {}, languageChoices: M = {}, labelsCharactersLimit: N } = e || {}, { errors: te, extraCSSRules: ne, promptEnabled: P, rationaleEnabled: F, spellCheckEnabled: I, teacherInstructionsEnabled: L, studentNewCategoryDefaultLabel: R } = n || {}, { categoryErrors: re, correctAnswerErrors: B, prompt: V, rationale: H, teacherInstructions: U } = te || {}, { gridValues: W, labelValues: G } = this.state, K = d.showInConfigPanel || !0, q = h && h.prompt, J = g && g.prompt, Y = {
-			changeInteractiveEnabled: T.changeInteractive?.settings && $(T.changeInteractive.settingsLabel),
-			changeEditableEnabled: T.changeEditable?.settings && $(T.changeEditable.settingsLabel),
-			changeAddCategoryEnabled: T.addCategory?.settings && $(T.addCategory.settingsLabel)
-		}, X = {
-			teacherInstructionsEnabled: C.settings && $(C.label),
-			studentInstructionsEnabled: S.settings && $(S.label),
-			rationaleEnabled: v.settings && $(v.label),
-			spellCheckEnabled: x.settings && $(x.label),
-			promptEnabled: _.settings && $(_.label),
-			scoringType: y.settings && Se(y.label, ["all or nothing", "partial scoring"]),
-			rubricEnabled: w?.settings && $(w?.label),
-			"language.enabled": j.settings && $(j.label, !0),
-			language: j.settings && j.enabled && Ce(M.label, M.options),
-			instruction: m.settings && we(m.label)
-		}, Z = (e = {}) => ({
+		xe("[render] model", n);
+		let { graph: o } = n, { baseInputConfiguration: s = {}, contentDimensions: l = {}, chartDimensions: d = {}, authorNewCategoryDefaults: f = {}, labelsPlaceholders: p = {}, instruction: m = {}, maxImageWidth: h = {}, maxImageHeight: g = {}, prompt: _ = {}, rationale: v = {}, scoringType: y = {}, settingsPanelDisabled: b, spellCheck: x = {}, studentInstructions: S = {}, teacherInstructions: C = {}, titlePlaceholder: ee = {}, withRubric: w = {}, chartingOptions: T = {}, availableChartTypes: O = {}, mathMlOptions: k = {}, chartTypeLabel: A, language: j = {}, languageChoices: M = {}, labelsCharactersLimit: N } = e || {}, { errors: te, extraCSSRules: ne, promptEnabled: P, rationaleEnabled: re, spellCheckEnabled: F, teacherInstructionsEnabled: I, studentNewCategoryDefaultLabel: L } = n || {}, { categoryErrors: ie, correctAnswerErrors: z, prompt: B, rationale: V, teacherInstructions: H } = te || {}, { gridValues: U, labelValues: W } = this.state, G = d.showInConfigPanel || !0, K = h && h.prompt, q = g && g.prompt, J = {
+			changeInteractiveEnabled: T.changeInteractive?.settings && Q(T.changeInteractive.settingsLabel),
+			changeEditableEnabled: T.changeEditable?.settings && Q(T.changeEditable.settingsLabel),
+			changeAddCategoryEnabled: T.addCategory?.settings && Q(T.addCategory.settingsLabel)
+		}, Y = {
+			teacherInstructionsEnabled: C.settings && Q(C.label),
+			studentInstructionsEnabled: S.settings && Q(S.label),
+			rationaleEnabled: v.settings && Q(v.label),
+			spellCheckEnabled: x.settings && Q(x.label),
+			promptEnabled: _.settings && Q(_.label),
+			scoringType: y.settings && Ce(y.label, ["all or nothing", "partial scoring"]),
+			rubricEnabled: w?.settings && Q(w?.label),
+			"language.enabled": j.settings && Q(j.label, !0),
+			language: j.settings && j.enabled && we(M.label, M.options),
+			instruction: m.settings && Te(m.label)
+		}, X = (e = {}) => ({
 			...s,
 			...e
 		});
@@ -886,106 +886,106 @@ var B = class e extends CustomEvent {
 			extraCSSRules: ne,
 			dimensions: l,
 			hideSettings: b,
-			settings: /* @__PURE__ */ E(xe, {
+			settings: /* @__PURE__ */ E(Se, {
 				model: n,
 				configuration: e,
 				onChangeModel: i,
 				onChangeConfiguration: r,
 				groups: {
-					Settings: Y,
-					Properties: X
+					Settings: J,
+					Properties: Y
 				}
 			}),
 			children: [
-				/* @__PURE__ */ E(Ee, {
+				/* @__PURE__ */ E(De, {
 					component: "div",
 					type: "body1",
 					children: m?.label || ""
 				}),
-				L && /* @__PURE__ */ D(Te, {
+				I && /* @__PURE__ */ D(Ee, {
 					label: C.label,
 					children: [/* @__PURE__ */ E(u, {
 						markup: n.teacherInstructions || "",
 						onChange: this.onTeacherInstructionsChange,
 						imageSupport: t,
 						nonEmpty: !1,
-						error: U,
-						spellCheck: I,
-						pluginProps: Z(C?.inputConfiguration),
-						maxImageWidth: h && h.teacherInstructions || q,
-						maxImageHeight: g && g.teacherInstructions || J,
+						error: H,
+						spellCheck: F,
+						pluginProps: X(C?.inputConfiguration),
+						maxImageWidth: h && h.teacherInstructions || K,
+						maxImageHeight: g && g.teacherInstructions || q,
 						uploadSoundSupport: a,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 						mathMlOptions: k
-					}), U && /* @__PURE__ */ E(De, { children: U })]
+					}), H && /* @__PURE__ */ E($, { children: H })]
 				}),
-				P && /* @__PURE__ */ D(Te, {
+				P && /* @__PURE__ */ D(Ee, {
 					label: _.label,
 					children: [/* @__PURE__ */ E(u, {
 						markup: n.prompt,
 						onChange: this.onPromptChange,
 						imageSupport: t,
 						nonEmpty: !1,
-						error: V,
-						spellCheck: I,
+						error: B,
+						spellCheck: F,
 						disableUnderline: !0,
-						pluginProps: Z(_?.inputConfiguration),
-						maxImageWidth: q,
-						maxImageHeight: J,
+						pluginProps: X(_?.inputConfiguration),
+						maxImageWidth: K,
+						maxImageHeight: q,
 						uploadSoundSupport: a,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 						mathMlOptions: k
-					}), V && /* @__PURE__ */ E(De, { children: V })]
+					}), B && /* @__PURE__ */ E($, { children: B })]
 				}),
-				/* @__PURE__ */ E(z, {
+				/* @__PURE__ */ E(R, {
 					model: n,
 					onChange: this.onConfigChange,
-					gridValues: W,
-					labelValues: G,
+					gridValues: U,
+					labelValues: W,
 					chartDimensions: d,
 					charts: Oe,
-					studentNewCategoryDefaultLabel: R,
+					studentNewCategoryDefaultLabel: L,
 					availableChartTypes: O,
 					chartTypeLabel: A
 				}),
-				/* @__PURE__ */ E(ie, {
+				/* @__PURE__ */ E(ae, {
 					model: n,
 					onChange: i,
 					charts: Oe,
 					labelsPlaceholders: p,
 					titlePlaceholder: ee,
-					showPixelGuides: K,
+					showPixelGuides: G,
 					authorNewCategoryDefaults: f,
 					chartingOptions: T,
 					mathMlOptions: k,
 					labelsCharactersLimit: N
 				}),
-				/* @__PURE__ */ E(pe, {
+				/* @__PURE__ */ E(me, {
 					config: o,
 					model: n,
 					onChange: i,
 					charts: Oe,
-					error: re,
-					correctAnswerErrors: B,
-					studentNewCategoryDefaultLabel: R,
+					error: ie,
+					correctAnswerErrors: z,
+					studentNewCategoryDefaultLabel: L,
 					mathMlOptions: k,
 					labelsPlaceholders: p
 				}),
-				F && /* @__PURE__ */ D(Te, {
+				re && /* @__PURE__ */ D(Ee, {
 					label: v.label || "Rationale",
 					children: [/* @__PURE__ */ E(u, {
 						markup: n.rationale || "",
 						onChange: this.onRationaleChange,
 						imageSupport: t,
-						error: H,
-						spellCheck: I,
-						pluginProps: Z(v?.inputConfiguration),
-						maxImageWidth: h && h.rationale || q,
-						maxImageHeight: g && g.rationale || J,
+						error: V,
+						spellCheck: F,
+						pluginProps: X(v?.inputConfiguration),
+						maxImageWidth: h && h.rationale || K,
+						maxImageHeight: g && g.rationale || q,
 						uploadSoundSupport: a,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 						mathMlOptions: k
-					}), H && /* @__PURE__ */ E(De, { children: H })]
+					}), V && /* @__PURE__ */ E($, { children: V })]
 				})
 			]
 		});
@@ -1172,7 +1172,7 @@ var B = class e extends CustomEvent {
 			}
 		}
 	}
-}, je = (0, G.default)("pie-elements:graphing:configure"), Me = class e extends HTMLElement {
+}, je = (0, W.default)("pie-elements:graphing:configure"), Me = class e extends HTMLElement {
 	static createDefaultModel = (e = {}) => ({
 		...Ae.model,
 		...e
@@ -1194,22 +1194,22 @@ var B = class e extends CustomEvent {
 		})) : delete this._model.language, this._render();
 	}
 	onModelChanged(e) {
-		this._model = e, this._render(), je("[onModelChanged]: ", this._model), this.dispatchEvent(new B(this._model));
+		this._model = e, this._render(), je("[onModelChanged]: ", this._model), this.dispatchEvent(new z(this._model));
 	}
 	onConfigurationChanged(e) {
 		this._configuration = e, this._render();
 	}
 	insertImage(e) {
-		this.dispatchEvent(new H(e));
+		this.dispatchEvent(new V(e));
 	}
 	onDeleteImage(e, t) {
-		this.dispatchEvent(new V(e, t));
+		this.dispatchEvent(new B(e, t));
 	}
 	insertSound(e) {
-		this.dispatchEvent(new W(e));
+		this.dispatchEvent(new U(e));
 	}
 	onDeleteSound(e, t) {
-		this.dispatchEvent(new U(e, t));
+		this.dispatchEvent(new H(e, t));
 	}
 	_render() {
 		if (this._model) {
@@ -1228,7 +1228,7 @@ var B = class e extends CustomEvent {
 				}
 			});
 			this._root ||= T(this), this._root.render(e), queueMicrotask(() => {
-				a(this);
+				s(this);
 			});
 		}
 	}