@pie-element/graphing-solution-set 7.0.1-next.20261004041321 → 7.0.1-next.20261004162038

package/dist/browser/author/index.js

@@ -1,5 +1,5 @@
-import { D as e, S as t, _ as n, o as r, r as i, s as a, t as o } from "../browser-BJmGuSsq.js";
-import { $ as s, A as c, B as l, D as u, E as d, F as f, G as p, H as m, I as h, J as g, K as _, L as v, M as y, O as b, P as x, Q as S, R as C, V as w, W as T, X as E, Y as D, Z as O, _ as k, a as A, b as ee, c as j, d as te, et as ne, f as re, g as ie, h as ae, i as M, k as N, l as oe, m as se, n as ce, nt as le, o as ue, p as de, q as fe, r as pe, s as me, t as he, tt as ge, u as P, v as F, x as _e, z as I } from "../alert-dialog-BRxl71Pt.js";
+import { E as e, g as t, o as n, r, s as i, t as a, x as o } from "../browser-bbrzkX59.js";
+import { $ as s, A as c, B as l, D as u, E as d, F as f, G as p, H as m, I as h, J as g, K as _, L as v, M as y, O as b, P as x, Q as S, R as C, V as w, W as T, X as E, Y as D, Z as O, _ as k, a as A, b as ee, c as j, d as te, et as ne, f as re, g as ie, h as ae, i as M, k as N, l as oe, m as se, n as ce, nt as le, o as ue, p as de, q as fe, r as pe, s as me, t as he, tt as ge, u as P, v as F, x as _e, z as I } from "../alert-dialog-DmGc5nmG.js";
 import * as L from "react";
 import R, { Component as ve, createElement as ye } from "react";
 import { createRoot as be } from "react-dom/client";
@@ -650,7 +650,7 @@ var H = O("MuiSwitch", [
 			}
 		}), /*#__PURE__*/ z(C, { ...w })]
 	});
-}), U = /* @__PURE__ */ e(o(), 1), W = /* @__PURE__ */ e(ge(), 1), at = _(Le)(() => ({ "& .MuiFormControlLabel-label": {
+}), U = /* @__PURE__ */ e(a(), 1), W = /* @__PURE__ */ e(ge(), 1), at = _(Le)(() => ({ "& .MuiFormControlLabel-label": {
 	left: "-5px",
 	position: "relative"
 } })), ot = _(M)(() => ({ color: `${T.tertiary()} !important` })), st = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ z(at, {
@@ -769,9 +769,9 @@ var pt = (0, U.default)("@pie-lib:config-ui:number-text-field"), mt = _(de)(({ t
 		padding: "6px 0 7px"
 	}
 })), ht = (e, t) => {
-	if (!a(e) && !a(t)) return 0;
-	if (!a(e) && a(t)) return t;
-	if (a(e)) return e;
+	if (!i(e) && !i(t)) return 0;
+	if (!i(e) && i(t)) return t;
+	if (i(e)) return e;
 }, gt = class extends R.Component {
 	static propTypes = {
 		disabled: W.default.bool,
@@ -798,7 +798,7 @@ var pt = (0, U.default)("@pie-lib:config-ui:number-text-field"), mt = _(de)(({ t
 		this.setState({ value: t });
 	}
 	clamp(e, t = this.props.min, n = this.props.max) {
-		return a(e) ? (a(n) && (e = Math.min(e, n)), a(t) && (e = Math.max(e, t)), e) : ht(t, n);
+		return i(e) ? (i(n) && (e = Math.min(e, n)), i(t) && (e = Math.max(e, t)), e) : ht(t, n);
 	}
 	onBlur = (e) => {
 		let t = e.target.value, n = parseFloat(t);
@@ -872,9 +872,9 @@ var pt = (0, U.default)("@pie-lib:config-ui:number-text-field"), mt = _(de)(({ t
 		margin: 0
 	}
 })), xt = _(ee)(() => ({ padding: "2px" })), St = (e, t) => {
-	if (!a(e) && !a(t)) return 0;
-	if (!a(e) && a(t)) return t;
-	if (a(e)) return e;
+	if (!i(e) && !i(t)) return 0;
+	if (!i(e) && i(t)) return t;
+	if (i(e)) return e;
 }, K = class extends R.Component {
 	static propTypes = {
 		className: W.default.string,
@@ -919,7 +919,7 @@ var pt = (0, U.default)("@pie-lib:config-ui:number-text-field"), mt = _(de)(({ t
 	}
 	clamp(e, t = this.props.min, n = this.props.max) {
 		let { customValues: r } = this.props;
-		return (r || []).length > 0 ? e : a(e) ? (a(n) && (e = Math.min(e, n)), a(t) && (e = Math.max(e, t)), e) : St(t, n);
+		return (r || []).length > 0 ? e : i(e) ? (i(n) && (e = Math.min(e, n)), i(t) && (e = Math.max(e, t)), e) : St(t, n);
 	}
 	normalizeValueAndIndex = (e, t, n, r) => {
 		let { type: i } = this.props, a = this.clamp(t, n, r), o = (e || []).findIndex((e) => e === a);
@@ -989,8 +989,8 @@ var pt = (0, U.default)("@pie-lib:config-ui:number-text-field"), mt = _(de)(({ t
 		});
 	}
 	render() {
-		let { className: e, label: t, disabled: n, error: r, min: i, max: o, customValues: s, inputClassName: c, disableUnderline: l, helperText: u, variant: d, textAlign: f, type: p = "number" } = this.props, { value: m } = this.state, h = e, g = !1, _ = !1;
-		return s.length > 0 ? (g = m === s[0], _ = m === s[s.length - 1]) : a(i) && a(o) && (g = m === i, _ = m === o), /* @__PURE__ */ z(bt, {
+		let { className: e, label: t, disabled: n, error: r, min: a, max: o, customValues: s, inputClassName: c, disableUnderline: l, helperText: u, variant: d, textAlign: f, type: p = "number" } = this.props, { value: m } = this.state, h = e, g = !1, _ = !1;
+		return s.length > 0 ? (g = m === s[0], _ = m === s[s.length - 1]) : i(a) && i(o) && (g = m === a, _ = m === o), /* @__PURE__ */ z(bt, {
 			variant: d,
 			inputRef: (e) => this.inputRef = e,
 			disabled: n,
@@ -1033,7 +1033,7 @@ var pt = (0, U.default)("@pie-lib:config-ui:number-text-field"), mt = _(de)(({ t
 			},
 			inputProps: {
 				style: { textAlign: f },
-				min: i,
+				min: a,
 				max: o
 			}
 		});
@@ -1870,23 +1870,23 @@ var Xn = {
 	fontSize: e.typography.fontSize,
 	marginBottom: 0
 })), er = (e) => {
-	let { model: n, label: r, group: i, configuration: a, onChange: o } = e, s = (e, r, i) => {
-		let { isConfigProperty: s, ...c } = t(e, i || r), l = t(s ? a : n, r), u = {
+	let { model: t, label: n, group: r, configuration: i, onChange: a } = e, s = (e, n, r) => {
+		let { isConfigProperty: s, ...c } = o(e, r || n), l = o(s ? i : t, n), u = {
 			...c,
-			key: r,
+			key: n,
 			value: l
 		}, d = Xn[u.type];
 		return /* @__PURE__ */ z(d, {
 			...u,
-			onChange: (e) => o(r, e, s)
-		}, r);
+			onChange: (e) => a(n, e, s)
+		}, n);
 	}, c = (e, t) => {
 		let n = e[t];
 		if (!n) return null;
 		let { type: r, label: i, fields: a, choices: o } = n;
 		return r === "numberFields" ? /* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z($n, { children: i }), Object.keys(a).map((n) => s(e, `${t}.${n}`, `${t}.fields.${n}`))] }, `numberField-${i}`) : r === "checkboxes" ? /* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("p", { children: i }), Object.keys(o).map((n) => s(e, `${t}.${n}`, `${t}.choices.${n}`))] }, `checkbox-${i}`) : s(e, t);
 	};
-	return /* @__PURE__ */ B(Zn, { children: [/* @__PURE__ */ z(Qn, { children: r }), Object.keys(i).map((e) => c(i, e))] });
+	return /* @__PURE__ */ B(Zn, { children: [/* @__PURE__ */ z(Qn, { children: n }), Object.keys(r).map((e) => c(r, e))] });
 };
 er.propTypes = {
 	model: W.default.object,
@@ -1908,10 +1908,10 @@ var tr = class extends R.Component {
 		onChangeModel: () => {},
 		onChangeConfiguration: () => {}
 	};
-	change = (e, t, n = !1) => {
+	change = (e, t, r = !1) => {
 		In("[changeModel]", e, t);
 		let { onChangeModel: i, onChangeConfiguration: a } = this.props, o = { ...this.props.model }, s = { ...this.props.configuration };
-		n ? (r(s, e, t), a(s, e)) : (r(o, e, t), i(o, e));
+		r ? (n(s, e, t), a(s, e)) : (n(o, e, t), i(o, e));
 	};
 	render() {
 		let { groups: e, model: t, configuration: n, modal: r } = this.props;
@@ -2514,16 +2514,16 @@ var Lr = [
 }, Br = (e, t, n = !1) => {
 	let r = 10 * (e.max - e.min) / t, i = r * 10;
 	return (n ? Rr : Lr).filter((e) => e >= r && e <= i);
-}, Vr = (e) => zr[e] || [], Hr = (e, t, n, r) => {
+}, Vr = (e) => zr[e] || [], Hr = (e, t, n, i) => {
 	let a = Br(e, t), o = Vr(e.step);
-	if (!i(n, a) && !a.includes(e.step)) {
+	if (!r(n, a) && !a.includes(e.step)) {
 		let n = Br(e, t, !0)[0] || 1;
 		return e.step = n, o = Vr(n), o.includes(e.labelStep) || (e.labelStep = n), {
 			gridValues: a,
 			labelValues: o
 		};
 	}
-	return !i(r, o) && !o.includes(e.labelStep) && (e.labelStep = e.step), {
+	return !r(i, o) && !o.includes(e.labelStep) && (e.labelStep = e.step), {
 		gridValues: a,
 		labelValues: o
 	};
@@ -2824,9 +2824,9 @@ var Lr = [
 			title: e
 		});
 	};
-	onConfigChange = (e, t) => {
-		let { model: r, onChange: a } = this.props, { defaultGridConfiguration: o = 0 } = r, { gridValues: s, labelValues: c, domain: l, range: u } = this.state, d = {
-			...r,
+	onConfigChange = (e, n) => {
+		let { model: i, onChange: a } = this.props, { defaultGridConfiguration: o = 0 } = i, { gridValues: s, labelValues: c, domain: l, range: u } = this.state, d = {
+			...i,
 			...e
 		}, { answers: f, domain: p, includeAxes: m = !0, graph: h, range: g, standardGrid: _ } = d, v = {
 			domain: [],
@@ -2834,7 +2834,7 @@ var Lr = [
 		}, y = {
 			domain: [],
 			range: []
-		}, b = t >= 0 ? t : o;
+		}, b = n >= 0 ? n : o;
 		if (m) {
 			let e = Hr(p, h.width, s.domain, c.domain);
 			v.domain = e.gridValues || [], y.domain = e.labelValues || [];
@@ -2844,14 +2844,14 @@ var Lr = [
 			let e = Hr(g, h.height, s.range, c.range);
 			v.range = e.gridValues || [], y.range = e.labelValues || [];
 		}
-		let x = n(f);
+		let x = t(f);
 		x.correctAnswer.marks = f.correctAnswer.marks.filter((e) => e.type !== "polygon");
 		let S = Wr(p, g, x);
-		if (!i(x, S)) {
+		if (!r(x, S)) {
 			this.setState({ dialog: {
 				isOpened: !0,
 				onClose: () => this.setState({ dialog: { isOpened: !1 } }, a({
-					...r,
+					...i,
 					domain: l,
 					range: u
 				})),
@@ -3001,17 +3001,17 @@ var Lr = [
 	state = { dialog: { open: !1 } };
 	handleAlertDialog = (e, t) => this.setState({ dialog: { open: e } }, t);
 	changeMarks = (e) => {
-		let { model: t, onChange: n } = this.props, { gssLineData: i } = t;
-		i.selectedTool === "lineA" && e.length > 0 && (e[0].fill = i.lineA.lineType), i.selectedTool === "lineB" && e.length > 1 && (e[1].fill = i.lineB.lineType), e.length === 0 && (i.selectedTool = "lineA", r(t, "gssLineData", i)), r(t, "answers.correctAnswer.marks", e), n(t);
+		let { model: t, onChange: r } = this.props, { gssLineData: i } = t;
+		i.selectedTool === "lineA" && e.length > 0 && (e[0].fill = i.lineA.lineType), i.selectedTool === "lineB" && e.length > 1 && (e[1].fill = i.lineB.lineType), e.length === 0 && (i.selectedTool = "lineA", n(t, "gssLineData", i)), n(t, "answers.correctAnswer.marks", e), r(t);
 	};
 	onResetClick = () => {
-		let { model: e, onChange: t } = this.props, { gssLineData: n, answers: i } = e;
+		let { model: e, onChange: t } = this.props, { gssLineData: r, answers: i } = e;
 		this.setState({ dialog: {
 			open: !0,
 			title: "Warning",
 			text: "This will remove all the elements added on the graph and reset graph to original state. Are you sure you want to continue?",
 			onConfirm: () => {
-				i.correctAnswer.marks = [], n.selectedTool = "lineA", n.lineA.lineType = "Solid", n.lineB && (n.lineB.lineType = "Solid"), r(e, "answers", i), r(e, "gssLineData", n), t(e), this.handleAlertDialog(!1);
+				i.correctAnswer.marks = [], r.selectedTool = "lineA", r.lineA.lineType = "Solid", r.lineB && (r.lineB.lineType = "Solid"), n(e, "answers", i), n(e, "gssLineData", r), t(e), this.handleAlertDialog(!1);
 			},
 			onClose: () => this.handleAlertDialog(!1)
 		} });
@@ -3029,11 +3029,11 @@ var Lr = [
 		} }) : this.changeLine(e, t);
 	};
 	changeLine = (e, t) => {
-		let { model: n, onChange: i } = this.props, { answers: a } = n, o = n.gssLineData;
-		a.correctAnswer.marks = a.correctAnswer.marks.filter((e) => e.type !== "polygon"), Number.parseInt(t) === 1 ? (delete o.lineB, a.correctAnswer.marks.length > 1 && a.correctAnswer.marks.pop(), o.numberOfLines = 1, o.selectedTool = "lineA") : (o.numberOfLines = 2, a.correctAnswer.marks.length > 0 && (o.selectedTool = "lineB"), o.lineB = { lineType: "Solid" }), r(n, "answers", a), r(n, "gssLineData", o), i(n);
+		let { model: r, onChange: i } = this.props, { answers: a } = r, o = r.gssLineData;
+		a.correctAnswer.marks = a.correctAnswer.marks.filter((e) => e.type !== "polygon"), Number.parseInt(t) === 1 ? (delete o.lineB, a.correctAnswer.marks.length > 1 && a.correctAnswer.marks.pop(), o.numberOfLines = 1, o.selectedTool = "lineA") : (o.numberOfLines = 2, a.correctAnswer.marks.length > 0 && (o.selectedTool = "lineB"), o.lineB = { lineType: "Solid" }), n(r, "answers", a), n(r, "gssLineData", o), i(r);
 	};
 	onSolutionSetSelected = (e) => {
-		let { model: t, onChange: n } = this.props, { answers: i, gssLineData: a } = t;
+		let { model: t, onChange: r } = this.props, { answers: i, gssLineData: a } = t;
 		for (let t of a.sections) if (oi(e, t)) {
 			let e = {
 				points: t,
@@ -3045,7 +3045,7 @@ var Lr = [
 			i.correctAnswer.marks = i.correctAnswer.marks.filter((e) => e.type !== "polygon"), i.correctAnswer.marks.push(e);
 			break;
 		}
-		r(t, "answers", i), n(t);
+		n(t, "answers", i), r(t);
 	};
 	onChangeGssLineData = (e, t) => {
 		let { model: n } = this.props, { answers: r, domain: i, range: a } = n;
@@ -3079,7 +3079,7 @@ var Lr = [
 		}
 	};
 	handleGssLineDataChange = (e, t) => {
-		let { model: n, onChange: i } = this.props;
+		let { model: r, onChange: i } = this.props;
 		t.correctAnswer.marks.length > 0 && t.correctAnswer.marks[0] && e.lineA && (t.correctAnswer.marks[0].fill = e.lineA.lineType), t.correctAnswer.marks.length > 1 && t.correctAnswer.marks[1] && e.lineB && (t.correctAnswer.marks[1].fill = e.lineB.lineType), (e.selectedTool === "lineB" && t.correctAnswer.marks.length === 0 || e.selectedTool === "lineB" && t.correctAnswer.marks[0].building) && (this.setState({ dialog: {
 			open: !0,
 			title: "Warning",
@@ -3090,7 +3090,7 @@ var Lr = [
 			title: "Warning",
 			text: "Please add Line B to the graph before switching to Line A",
 			onConfirm: () => this.handleAlertDialog(!1)
-		} }), e.selectedTool = "lineB"), r(n, "gssLineData", e), r(n, "answers", t), i(n);
+		} }), e.selectedTool = "lineB"), n(r, "gssLineData", e), n(r, "answers", t), i(r);
 	};
 	updateModel = (e) => {
 		let { model: t, onChange: n } = this.props;