@pie-element/graphing-solution-set 6.1.1 → 6.1.2-next.0

package/dist/controller/defaults.d.ts

@@ -0,0 +1,64 @@
+/**
+ * @synced-from pie-elements/packages/graphing-solution-set/controller/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: {
+    answers: {
+        correctAnswer: {
+            name: string;
+            marks: never[];
+        };
+    };
+    arrows: {
+        left: boolean;
+        right: boolean;
+        up: boolean;
+        down: boolean;
+    };
+    marks: never[];
+    defaultGridConfiguration: number;
+    domain: {
+        min: number;
+        max: number;
+        step: number;
+        labelStep: number;
+        axisLabel: string;
+    };
+    graph: {
+        width: number;
+        height: number;
+    };
+    gssLineData: {
+        numberOfLines: number;
+        selectedTool: string;
+        sections: never[];
+        lineA: {
+            lineType: string;
+        };
+    };
+    includeAxes: boolean;
+    labels: {};
+    labelsEnabled: boolean;
+    padding: boolean;
+    prompt: string;
+    range: {
+        min: number;
+        max: number;
+        step: number;
+        labelStep: number;
+        axisLabel: string;
+    };
+    rationale: string;
+    standardGrid: boolean;
+    title: string;
+    coordinatesOnHover: boolean;
+    promptEnabled: boolean;
+    rationaleEnabled: boolean;
+    teacherInstructionsEnabled: boolean;
+    studentInstructionsEnabled: boolean;
+};
+export default _default;

package/dist/controller/defaults.js

@@ -0,0 +1,54 @@
+//#region src/controller/defaults.ts
+var e = {
+	answers: { correctAnswer: {
+		name: "Correct Answer",
+		marks: []
+	} },
+	arrows: {
+		left: !0,
+		right: !0,
+		up: !0,
+		down: !0
+	},
+	marks: [],
+	defaultGridConfiguration: 0,
+	domain: {
+		min: -5,
+		max: 5,
+		step: 1,
+		labelStep: 1,
+		axisLabel: "x"
+	},
+	graph: {
+		width: 500,
+		height: 500
+	},
+	gssLineData: {
+		numberOfLines: 1,
+		selectedTool: "lineA",
+		sections: [],
+		lineA: { lineType: "Solid" }
+	},
+	includeAxes: !0,
+	labels: {},
+	labelsEnabled: !0,
+	padding: !0,
+	prompt: "",
+	range: {
+		min: -5,
+		max: 5,
+		step: 1,
+		labelStep: 1,
+		axisLabel: "y"
+	},
+	rationale: "",
+	standardGrid: !1,
+	title: "",
+	coordinatesOnHover: !1,
+	promptEnabled: !0,
+	rationaleEnabled: !0,
+	teacherInstructionsEnabled: !0,
+	studentInstructionsEnabled: !0
+};
+//#endregion
+export { e as default };

package/dist/controller/index.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @synced-from pie-elements/packages/graphing-solution-set/controller/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 declare const compareMarks: (mark1: any, mark2: any) => boolean;
+export declare const getAnswerCorrected: ({ sessionAnswers, marks: correctAnswers }: {
+    sessionAnswers: any;
+    marks: any;
+}) => any[];
+export declare const getBestAnswer: (question: any, session: any, env?: {}) => {
+    bestScore: number;
+    bestScoreAnswerKey: null;
+    answersCorrected: any;
+    foundOneSolution: boolean;
+};
+export declare const normalize: (question: any) => any;
+export declare function model(question: any, session: any, env: any): Promise<unknown>;
+export declare function outcome(question: any, session: any, env?: {}): Promise<unknown>;
+export declare const createCorrectResponseSession: (question: any, env: any) => Promise<unknown>;
+export declare const validate: (model?: {}) => {};

package/dist/controller/index.js

@@ -0,0 +1,112 @@
+import e from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/cloneDeep.js";
+import t from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/isEmpty.js";
+import n from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/uniqWith.js";
+import r from "./defaults.js";
+import { equalMarks as i, removeInvalidAnswers as a, sortedAnswers as o } from "./utils.js";
+import s from "debug";
+//#region src/controller/index.ts
+var c = s("@pie-element:graphing-solution-set:controller"), l = () => ({ line: [] }), u = (e, t) => !!(e && t && e.type === t.type && i[e.type] && i[e.type](e, t)), d = ({ sessionAnswers: t, marks: n }) => {
+	t ||= [], n ||= [];
+	let r = e(t).reduce((e, t) => (t.correctness = n.find((e) => u(t, e)) ? "correct" : "incorrect", [...e, t]), []), i = e(n).reduce((e, n) => t.find((e) => u(n, e)) ? e : [...e, {
+		...n,
+		correctness: "missing"
+	}], []);
+	return [...r, ...i];
+}, f = (r, i, a = {}) => {
+	let { answers: s = {}, scoringType: c } = r || {}, { answer: f } = i || {};
+	Object.entries(s || {}).forEach(([e, t]) => s[e] = {
+		...t,
+		marks: t?.marks.filter((e) => !e.building)
+	}), f ||= [], s = t(s) ? { correctAnswer: l() } : {
+		correctAnswer: s.correctAnswer,
+		...o(s)
+	};
+	let p = n(f, u);
+	return Object.entries(s).reduce((e, t) => {
+		let n = t[0], { marks: r } = t[1] || {};
+		if (!r || !r.length) return e;
+		let i = d({
+			sessionAnswers: p,
+			marks: r
+		}), a = i.filter((e) => e.correctness === "correct"), o = i.filter((e) => e.correctness !== "missing"), s = r.length, c = a.length;
+		return o.length > s && (c -= o.length - s), c < 0 && (c = 0), (c / s > e.bestScore || !e.foundOneSolution) && (e.bestScore = Math.floor(c / s), e.bestScoreAnswerKey = n, e.answersCorrected = i, e.foundOneSolution = !0), e;
+	}, {
+		bestScore: 0,
+		bestScoreAnswerKey: null,
+		answersCorrected: e(p).map((e) => ({
+			...e,
+			correctness: "incorrect"
+		})),
+		foundOneSolution: !1
+	});
+}, p = (e) => ({
+	...r,
+	...e
+});
+function m(e, n, r) {
+	return new Promise((i) => {
+		let o = p(e);
+		n.answer = a(n.answer);
+		let { defaultTool: s, extraCSSRules: l, prompt: u, promptEnabled: d, graph: m, answers: h, toolbarTools: g, ..._ } = o || {}, { arrows: v } = o, { mode: y, role: b } = r || {};
+		typeof v == "boolean" && (v = v ? {
+			left: !0,
+			right: !0,
+			up: !0,
+			down: !0
+		} : {
+			left: !1,
+			right: !1,
+			up: !1,
+			down: !1
+		});
+		let x = {
+			..._,
+			answers: h,
+			arrows: v,
+			defaultTool: "line",
+			disabled: r.mode !== "gather",
+			prompt: d ? u : null,
+			rationale: null,
+			size: m,
+			showToggle: r.mode === "evaluate" && !t(h) && h.correctAnswer && h.correctAnswer.marks && !t(h.correctAnswer.marks),
+			teacherInstructions: null,
+			toolbarTools: g,
+			extraCSSRules: l
+		};
+		if (b === "instructor" && (y === "view" || y === "evaluate")) {
+			let { rationale: e, rationaleEnabled: t, teacherInstructions: n, teacherInstructionsEnabled: r } = o || {};
+			x.rationale = t ? e : null, x.teacherInstructions = r ? n : null;
+		}
+		if (y === "evaluate") if (!t(h) && h.correctAnswer && h.correctAnswer.marks && !t(h.correctAnswer.marks)) {
+			let { answersCorrected: e, bestScoreAnswerKey: t, bestScore: i } = f(o, n, r);
+			x.answersCorrected = e, x.correctResponse = t ? (h[t] || {}).marks : [], x.showToggle = x.showToggle && i !== 1;
+		} else x.answersCorrected = n && n.answer || [], x.correctResponse = [];
+		c("base: ", x), i(x);
+	});
+}
+function h(e, n, r = {}) {
+	return new Promise((i) => {
+		(!n || t(n)) && i({
+			score: 0,
+			empty: !0
+		}), (r.mode !== "evaluate" || t(e.answers) || e.answers && e.answers.correctAnswer && t(e.answers.correctAnswer.marks)) && i({ score: 0 });
+		let { bestScore: a } = f(e, n, r);
+		i({ score: a });
+	});
+}
+var g = (e, t) => new Promise((n) => {
+	if (t.mode !== "evaluate" && t.role === "instructor") {
+		let { answers: t } = e || {}, r = [];
+		t && Object.values(t) && (r = (t.correctAnswer || Object.values(t)[0] || {}).marks || []), n({
+			answer: r,
+			id: "1"
+		});
+	} else n(null);
+}), _ = (e = {}) => {
+	let { answers: n, gssLineData: r } = e, i = {}, a = {}, o = !1;
+	r.numberOfLines === 1 ? n.correctAnswer.marks.length < 1 ? (o = !0, a.correctAnswer = "At least 1 line object should be defined.") : n.correctAnswer.marks.length === 1 && n.correctAnswer.marks[0].building && (o = !0, a.correctAnswer = "1 or more graph object should be correctly defined.") : n.correctAnswer.marks.length < 2 ? (o = !0, a.correctAnswer = "At least 2 line object should be defined.") : n.correctAnswer.marks.length === 2 && (n.correctAnswer.marks[0].building || n.correctAnswer.marks[1].building) && (o = !0, a.correctAnswer = "1 or more graph object should be correctly defined.");
+	let s = n.correctAnswer.marks.find((e) => e.type === "polygon");
+	return !o && (!r.selectedTool === "solutionSet" || !s) && (a.correctAnswer = "Please select a solution set for the graphing solution set item."), t(a) || (i.correctAnswerErrors = a), i;
+};
+//#endregion
+export { u as compareMarks, g as createCorrectResponseSession, d as getAnswerCorrected, f as getBestAnswer, m as model, p as normalize, h as outcome, _ as validate };

package/dist/controller/utils.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @synced-from pie-elements/packages/graphing-solution-set/controller/src/utils.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 equalSegment: (segment1: any, segment2: any) => any;
+export declare const sortedAnswers: (answers: any) => {};
+export declare const equalLine: (line1: any, line2: any) => boolean;
+export declare const constructSegmentsFromPoints: (points: any) => any;
+export declare const removeDuplicateSegments: (segments: any) => any;
+export declare const removeInvalidSegments: (segments: any) => any;
+export declare const equalPolygon: (poly1: any, poly2: any) => boolean;
+export declare const equalMarks: {
+    line: (sessAnswer: any, mark: any) => boolean;
+    polygon: (sessAnswer: any, poly: any) => boolean;
+};
+export declare const removeInvalidAnswers: (answers: any) => any;

package/dist/controller/utils.js

@@ -0,0 +1,42 @@
+import e from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/differenceWith.js";
+import t from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/isEqual.js";
+import n from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/uniq.js";
+import r from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/uniqWith.js";
+//#region src/controller/utils.ts
+var i = (e, n) => t(e.from, n.from) && t(e.to, n.to) || t(e.to, n.from) && t(e.from, n.to), a = (e) => Object.keys(e || {}).sort().reduce((t, n) => (n !== "correctAnswer" && (t[n] = e[n]), t), {}), o = (e) => {
+	e = {
+		...e,
+		to: { ...e.to },
+		from: { ...e.from }
+	};
+	let t = e.from.x, n = e.from.y, r = e.to.x, i = e.to.y;
+	return {
+		a: i - n,
+		b: t - r,
+		c: r * n - t * i
+	};
+}, s = (e) => Math.round(e * 1e4) / 1e4, c = (e, t) => {
+	let { a: r, b: i, c: a } = o(e), { a: c, b: l, c: u } = o(t), d = [];
+	if (c !== 0) d.push(s(r / c));
+	else if (r !== c) return !1;
+	if (l !== 0) d.push(s(i / l));
+	else if (i !== l) return !1;
+	if (u !== 0) d.push(s(a / u));
+	else if (a !== u) return !1;
+	return n(d).length === 1 && e.fill === t.fill;
+}, l = (e) => (e || []).map((t, n) => ({
+	from: t,
+	to: e[(n + 1) % e.length]
+})), u = (e) => (e ||= [], r(e, (e, t) => i(e, t))), d = (e) => (e ||= [], e.filter((e) => !t(e.from, e.to))), f = (t, n) => {
+	let { points: r } = t, { points: a } = n, o = l(r), s = l(a), c = u(d(o)), f = u(d(s)), p = e(c, f, i), m = e(f, c, i);
+	return (!p || !p.length) && (!m || !m.length);
+}, p = {
+	line: (e, t) => c(e, t),
+	polygon: (e, t) => f(e, t)
+}, m = (e) => e && Number.isFinite(e.x) && Number.isFinite(e.y), h = {
+	point: m,
+	line: (e) => e && h.point(e.from) && h.point(e.to),
+	polygon: (e) => e && e.points && e.points.length && (e.points.filter((e) => m(e)) || []).length === e.points.length
+}, g = (e) => e ? (e || []).filter(({ type: e, ...t }) => h[e] ? h[e](t) : !1) : [];
+//#endregion
+export { p as equalMarks, g as removeInvalidAnswers, a as sortedAnswers };

package/dist/delivery/index.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @synced-from pie-elements/packages/graphing-solution-set/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.
+ */
+import Main from './main.js';
+export { Main as Component };
+export default class Graphing extends HTMLElement {
+    constructor();
+    set model(m: any);
+    set session(s: any);
+    get session(): any;
+    connectedCallback(): void;
+    isComplete: (answer: any) => boolean;
+    changeAnswers: any;
+    setGssData: any;
+    _render(): void;
+    disconnectedCallback(): void;
+}

package/dist/delivery/index.js

@@ -0,0 +1,62 @@
+import { findSectionsInSolutionSet as e, removeInvalidAnswers as t } from "./utils.js";
+import n from "./main.js";
+import r from "react";
+import { createRoot as i } from "react-dom/client";
+import { SessionChangedEvent as a } from "@pie-element/shared-player-events";
+import { renderMath as o } from "@pie-element/shared-math-rendering-mathjax";
+//#region src/delivery/index.ts
+var s = class extends HTMLElement {
+	constructor() {
+		super(), this._root = null;
+	}
+	set model(e) {
+		this._model = e, this._render();
+	}
+	set session(t) {
+		this._session = t, this._session.answer || (this._session.answer = []);
+		let { answer: n } = this._session || {}, { gssLineData: r, domain: i, range: a } = this._model, o = n && n.filter((e) => e.type === "polygon").length > 0;
+		r.numberOfLines === 1 ? this._model.gssData = {
+			numberOfLines: 1,
+			selectedTool: o ? "solutionSet" : "lineA",
+			sections: [],
+			lineA: { lineType: n && n.length > 0 ? n[0].fill : "Solid" }
+		} : this._model.gssData = {
+			numberOfLines: 2,
+			selectedTool: o ? "solutionSet" : "lineA",
+			sections: [],
+			lineA: { lineType: n && n.length > 0 ? n[0].fill : "Solid" },
+			lineB: { lineType: n && n.length > 1 ? n[1].fill : "Solid" }
+		}, o && (this._model.gssData = e(this._model.gssData, n, i, a)), this._render();
+	}
+	get session() {
+		return this._session;
+	}
+	connectedCallback() {
+		this._render();
+	}
+	isComplete = (e) => Array.isArray(e) && e.length > 0;
+	changeAnswers = (e, n) => {
+		let { gssData: r } = this._model;
+		r.selectedTool === "lineA" && e.length > 0 && (e[0].fill = r.lineA.lineType), r.selectedTool === "lineB" && e.length > 1 && (e[1].fill = r.lineB.lineType), e.length === 0 && (r.selectedTool = "lineA", this._model.gssData = r), n ? this._session.answer = e : this._session.answer = t(e), this.dispatchEvent(new a(this.tagName.toLowerCase(), this.isComplete(this._session.answer))), this._render();
+	};
+	setGssData = (e, t) => {
+		this._model.gssData = e, this._session = t, this.dispatchEvent(new a(this.tagName.toLowerCase(), this.isComplete(this._session.answer))), this._render();
+	};
+	_render() {
+		if (!this._model || !this._session) return;
+		let e = r.createElement(n, {
+			model: this._model,
+			session: this._session,
+			onAnswersChange: this.changeAnswers,
+			setGssData: this.setGssData
+		});
+		this._root ||= i(this), this._root.render(e), queueMicrotask(() => {
+			o(this);
+		});
+	}
+	disconnectedCallback() {
+		this._root && this._root.unmount();
+	}
+};
+//#endregion
+export { n as Component, s as default };

package/dist/delivery/main.d.ts

@@ -0,0 +1,31 @@
+/**
+ * @synced-from pie-elements/packages/graphing-solution-set/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: {
+        model: PropTypes.Validator<object>;
+        session: PropTypes.Validator<object>;
+        onAnswersChange: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    state: {
+        showingCorrect: boolean;
+        dialog: {
+            open: boolean;
+        };
+    };
+    handleAlertDialog: (open: any, callback: any) => void;
+    toggleCorrect: (showingCorrect: any) => void;
+    onResetClick: any;
+    onSolutionSetSelected: any;
+    onChangeGssLineData: any;
+    handleGssDataChange: any;
+    render(): React.JSX.Element;
+}
+export default Main;

package/dist/delivery/main.js

@@ -0,0 +1,198 @@
+import { checkIfLinesAreAdded as e, findSectionsInSolutionSet as t, pointInsidePolygon as n } from "./utils.js";
+import r from "react";
+import i from "prop-types";
+import { styled as a } from "@mui/material/styles";
+import { GraphContainer as o } from "@pie-lib/graphing-solution-set";
+import * as s from "@pie-lib/render-ui";
+import { Collapsible as c, PreviewPrompt as l, UiLayout as u, color as d, hasMedia as f, hasText as p } from "@pie-lib/render-ui";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import g from "@pie-lib/correct-answer-toggle";
+import { AlertDialog as _ } from "@pie-lib/config-ui";
+//#region src/delivery/main.tsx
+function v(e) {
+	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
+}
+function y(e, t) {
+	return !e || v(e) ? e : v(e.default) ? e.default : t && v(e[t]) ? e[t] : t && v(e[t]?.default) ? e[t].default : e;
+}
+var b = y(u, "UiLayout") || y(T.UiLayout, "UiLayout"), x = y(l, "PreviewPrompt") || y(T.PreviewPrompt, "PreviewPrompt"), S = y(c, "Collapsible") || y(T.Collapsible, "Collapsible"), C = s, w = C.default, T = w && typeof w == "object" ? w : C, E = a(b)({
+	color: d.text(),
+	backgroundColor: d.background()
+}), D = a(S)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), O = a(o)(({ theme: e }) => ({
+	marginTop: e.spacing(2),
+	marginBottom: e.spacing(2)
+})), k = class extends r.Component {
+	static propTypes = {
+		model: i.object.isRequired,
+		session: i.object.isRequired,
+		onAnswersChange: i.func
+	};
+	state = {
+		showingCorrect: !1,
+		dialog: { open: !1 }
+	};
+	handleAlertDialog = (e, t) => this.setState({ dialog: { open: e } }, t);
+	toggleCorrect = (e) => this.setState({ showingCorrect: e });
+	onResetClick = () => {
+		let { model: e, session: t, setGssData: n } = this.props, { gssData: r } = 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: () => {
+				t.answer = [], r.selectedTool = "lineA", r.lineA.lineType = "Solid", r.lineB && (r.lineB.lineType = "Solid"), n(r, t), this.handleAlertDialog(!1);
+			},
+			onClose: () => this.handleAlertDialog(!1)
+		} });
+	};
+	onSolutionSetSelected = (e) => {
+		let { model: t, session: r, setGssData: i } = this.props, { gssData: a, disabled: o } = t;
+		if (!o) {
+			for (let t of a.sections) if (n(e, t)) {
+				let e = {
+					points: t,
+					building: !1,
+					type: "polygon",
+					closed: !0,
+					isSolution: !0
+				};
+				r.answer = r.answer.filter((e) => e.type !== "polygon"), r.answer.push(e);
+				break;
+			}
+			i(a, r);
+		}
+	};
+	onChangeGssLineData = (n, r) => {
+		let { model: i, session: a } = this.props, { domain: o, range: s, disabled: c } = i;
+		if (!c) if (n.selectedTool === "solutionSet") {
+			let i = a.answer.filter((e) => e.type !== "polygon");
+			if (!e(n, i)) n.selectedTool = r, this.setState({ dialog: {
+				open: !0,
+				title: "Warning",
+				text: "Please define the line(s) and then select a solution set for the item.",
+				onConfirm: () => this.handleAlertDialog(!1)
+			} });
+			else {
+				let e = a.answer.filter((e) => e.type !== "polygon");
+				n = t(n, e, o, s);
+			}
+			this.handleGssDataChange(n, a);
+		} else {
+			let e = a.answer.filter((e) => e.type === "polygon");
+			r === "solutionSet" && e.length > 0 ? this.setState({ dialog: {
+				open: !0,
+				title: "Warning",
+				text: "Changing a line after adding a solution set will clear your selected solution set. Click 'Clear Solution Set' to change the line. Otherwise, click 'Cancel'.",
+				onConfirm: () => {
+					a.answer = a.answer.filter((e) => e.type !== "polygon"), this.handleGssDataChange(n, a), this.handleAlertDialog(!1);
+				},
+				onConfirmText: "CLEAR SOLUTION SET",
+				onClose: () => {
+					n.selectedTool = r, this.handleGssDataChange(n, a), this.handleAlertDialog(!1);
+				}
+			} }) : this.handleGssDataChange(n, a);
+		}
+	};
+	handleGssDataChange = (e, t) => {
+		let { setGssData: n } = this.props;
+		t.answer && t.answer.length > 0 && t.answer[0] && e.lineA && (t.answer[0].fill = e.lineA.lineType), t.answer && t.answer.length > 1 && t.answer[1] && e.lineB && (t.answer[1].fill = e.lineB.lineType), (e.selectedTool === "lineB" && t.answer.length === 0 || e.selectedTool === "lineB" && t.answer[0].building) && (this.setState({ dialog: {
+			open: !0,
+			title: "Warning",
+			text: "Please add Line A to the graph before adding Line B",
+			onConfirm: () => this.handleAlertDialog(!1)
+		} }), e.selectedTool = "lineA"), e.selectedTool === "lineA" && t.answer.length > 1 && t.answer[1].building && (this.setState({ dialog: {
+			open: !0,
+			title: "Warning",
+			text: "Please add Line B to the graph before switching to Line A",
+			onConfirm: () => this.handleAlertDialog(!1)
+		} }), e.selectedTool = "lineB"), n(e, t);
+	};
+	render() {
+		let { model: e, onAnswersChange: t, session: n } = this.props, { showingCorrect: r, dialog: i } = this.state, { answer: a } = n || {}, { answersCorrected: o, arrows: s, coordinatesOnHover: c, correctResponse: l, defaultTool: u, disabled: d, domain: v, extraCSSRules: y, labels: b, labelsEnabled: C, prompt: w, range: T, rationale: k, size: A, showToggle: j, title: M, titleEnabled: N, teacherInstructions: P, language: F, gssLineData: I, gssData: L } = e || {}, R = o || a || [], z = e.rationale && (p(e.rationale) || f(e.rationale));
+		return /* @__PURE__ */ h(E, {
+			extraCSSRules: y,
+			children: [
+				e.teacherInstructions && (p(e.teacherInstructions) || f(e.teacherInstructions)) && /* @__PURE__ */ m(D, {
+					labels: {
+						hidden: "Show Teacher Instructions",
+						visible: "Hide Teacher Instructions"
+					},
+					children: /* @__PURE__ */ m(x, { prompt: P })
+				}),
+				w && /* @__PURE__ */ m(x, {
+					className: "prompt",
+					prompt: w
+				}),
+				/* @__PURE__ */ m(g, {
+					show: j,
+					toggled: r,
+					onToggle: this.toggleCorrect,
+					language: F
+				}),
+				r && j ? /* @__PURE__ */ m(O, {
+					axesSettings: { includeArrows: s },
+					coordinatesOnHover: c,
+					disabled: !0,
+					disabledLabels: !0,
+					disabledTitle: !0,
+					domain: v,
+					labels: b,
+					marks: l.map((e) => ({
+						...e,
+						correctness: "correct"
+					})),
+					onChangeMarks: t,
+					range: T,
+					showLabels: C,
+					showTitle: N,
+					size: A,
+					title: M,
+					language: F,
+					gssLineData: I,
+					onChangeGssLineData: this.onChangeGssLineData,
+					onSolutionSetSelected: this.onSolutionSetSelected,
+					toolbarTools: ["line", "polygon"]
+				}) : /* @__PURE__ */ m(O, {
+					axesSettings: { includeArrows: s },
+					coordinatesOnHover: c,
+					defaultTool: u,
+					disabled: d,
+					disabledLabels: !0,
+					disabledTitle: !0,
+					domain: v,
+					labels: b,
+					marks: R,
+					onChangeMarks: t,
+					onCustomReset: this.onResetClick,
+					range: T,
+					showLabels: C,
+					showTitle: N,
+					size: A,
+					title: M,
+					language: F,
+					gssLineData: L,
+					onChangeGssLineData: this.onChangeGssLineData,
+					onSolutionSetSelected: this.onSolutionSetSelected,
+					toolbarTools: ["line", "polygon"]
+				}),
+				z && /* @__PURE__ */ m(S, {
+					labels: {
+						hidden: "Show Rationale",
+						visible: "Hide Rationale"
+					},
+					children: /* @__PURE__ */ m(x, { prompt: k })
+				}),
+				/* @__PURE__ */ m(_, {
+					open: i.open,
+					title: i.title,
+					text: i.text,
+					onClose: i.onClose,
+					onConfirm: i.onConfirm,
+					onConfirmText: i.onConfirmText ? i.onConfirmText : "OK"
+				})
+			]
+		});
+	}
+};
+//#endregion
+export { k as default };

package/dist/delivery/utils.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @synced-from pie-elements/packages/graphing-solution-set/src/utils.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 findSectionsInSolutionSet: (gssLineData: any, answers: any, domain: any, range: any) => any;
+export declare const pointInsidePolygon: (point: any, polygon: any) => boolean;
+export declare const checkIfLinesAreAdded: (gssLineData: any, answer: any) => boolean | undefined;
+export declare const removeInvalidAnswers: (answers: any) => any;