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

package/dist/browser/delivery/index.js

@@ -0,0 +1,782 @@
+import { V as e } from "../browser-DpedO01u.js";
+import { A as t, C as n, F as r, I as i, R as a, S as o, T as s, U as c, W as l, k as u, l as d, o as ee, s as f, w as p, x as m } from "../dist-SjeWPldT.js";
+import h, { useRef as g } from "react";
+import { createRoot as _ } from "react-dom/client";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+(class e extends CustomEvent {
+	static {
+		this.TYPE = "model-set";
+	}
+	constructor(t, n, r) {
+		super(e.TYPE, {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				complete: n,
+				component: t,
+				hasModel: r
+			}
+		}), this.component = t, this.complete = n;
+	}
+});
+//#region ../../shared/player-events/dist/index.js
+var b = class e extends CustomEvent {
+	static {
+		this.TYPE = "session-changed";
+	}
+	constructor(t, n) {
+		super(e.TYPE, {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				complete: n,
+				component: t
+			}
+		}), this.component = t, this.complete = n;
+	}
+}, x = {
+	line: (e) => e && x.point(e.from) && x.point(e.to),
+	point: (e) => e && Number.isFinite(e.x) && Number.isFinite(e.y)
+}, S = (e, t) => Number(Math.sqrt((e.x - t.x) ** 2 + (e.y - t.y) ** 2).toFixed(3)), C = (e, t) => {
+	let n = e, r = !1, i = [...t];
+	i.push(t[0]);
+	for (let e = 0; e < i.length - 1; e++) {
+		let t = i[e], a = i[e + 1];
+		if (S(t, n) + S(n, a) === S(t, a)) {
+			r = !0;
+			break;
+		}
+	}
+	return r;
+}, w = (e, t, n, r, i, a, o, s) => {
+	let c, l = (s - a) * (n - e) - (o - i) * (r - t);
+	return l === 0 ? null : (c = ((o - i) * (t - a) - (s - a) * (e - i)) / l, {
+		x: Number((e + c * (n - e)).toFixed(3)),
+		y: Number((t + c * (r - t)).toFixed(3))
+	});
+}, T = (e, t, n) => e.x > t.min && e.x < t.max && e.y > n.min && e.y < n.max, E = (e, t, n) => e.x >= t.min && e.x <= t.max && e.y >= n.min && e.y <= n.max, D = (e, t, n) => {
+	let r = [], i = [
+		[
+			t.max,
+			n.max,
+			t.max,
+			n.min
+		],
+		[
+			t.min,
+			n.max,
+			t.min,
+			n.min
+		],
+		[
+			t.min,
+			n.max,
+			t.max,
+			n.max
+		],
+		[
+			t.min,
+			n.min,
+			t.max,
+			n.min
+		]
+	];
+	for (let a = 0; a < i.length; a++) {
+		let o = w(e.from.x, e.from.y, e.to.x, e.to.y, i[a][0], i[a][1], i[a][2], i[a][3]);
+		o && E(o, t, n) && r.push(o);
+	}
+	return r;
+}, O = (e) => {
+	e.sort((e, t) => e.y - t.y);
+	let t = (e[0].y + e[e.length - 1].y) / 2;
+	e.sort((e, t) => t.x - e.x);
+	let n = {
+		x: (e[0].x + e[e.length - 1].x) / 2,
+		y: t
+	}, r;
+	e.forEach((e) => {
+		let t = Math.atan2(e.y - n.y, e.x - n.x);
+		r ? t < r && (t += Math.PI * 2) : r = t, e.angle = t;
+	}), e.sort((e, t) => e.angle - t.angle);
+	let i = e.reverse();
+	return i.unshift(i.pop()), i.map(({ angle: e, ...t }) => t);
+}, k = (e, t) => e.x * t.x + e.y * t.y, A = (e) => Math.sqrt(e.x * e.x + e.y * e.y), j = (e, t) => {
+	let n = k(e, t), r = A(e), i = A(t);
+	return Math.acos(n / (r * i));
+}, M = (e, t, n, r) => {
+	let i = {
+		x: t.x - e.x,
+		y: t.y - e.y
+	}, a = {
+		x: n.x - e.x,
+		y: n.y - e.y
+	}, o = {
+		x: r.x - e.x,
+		y: r.y - e.y
+	}, s = j(i, o) + j(a, o);
+	return Math.abs(s - j(i, a)) < 1e-4;
+}, N = (e) => e.filter((t, n) => n === e.findIndex((e) => t.x === e.x && t.y === e.y)), P = (e) => {
+	for (let t = 0; t < e.length; t++) e[t] = e[t].filter((n, r) => r === e[t].findIndex((e) => n.x === e.x && n.y === e.y));
+	e = e.filter((e) => e.length > 2);
+	for (let t = 0; t < e.length; t++) e[t] = O(e[t]);
+	return e;
+}, F = (e, t, n) => {
+	let r = [];
+	return r.push([].concat(e)), r.push([].concat(e)), e[0].x === t.max && e[1].y === n.max || e[1].x === t.max && e[0].y === n.max ? (r[0].push({
+		x: t.max,
+		y: n.max
+	}), r[1].push({
+		x: t.min,
+		y: n.max
+	}, {
+		x: t.min,
+		y: n.min
+	}, {
+		x: t.max,
+		y: n.min
+	})) : e[0].x === t.min && e[1].y === n.max || e[1].x === t.min && e[0].y === n.max ? (r[0].push({
+		x: t.min,
+		y: n.max
+	}), r[1].push({
+		x: t.max,
+		y: n.max
+	}, {
+		x: t.max,
+		y: n.min
+	}, {
+		x: t.min,
+		y: n.min
+	})) : e[0].x === t.min && e[1].y === n.min || e[1].x === t.min && e[0].y === n.min ? (r[0].push({
+		x: t.min,
+		y: n.min
+	}), r[1].push({
+		x: t.max,
+		y: n.min
+	}, {
+		x: t.max,
+		y: n.max
+	}, {
+		x: t.min,
+		y: n.max
+	})) : e[0].x === t.max && e[1].y === n.min || e[1].x === t.max && e[0].y === n.min ? (r[0].push({
+		x: t.max,
+		y: n.min
+	}), r[1].push({
+		x: t.min,
+		y: n.min
+	}, {
+		x: t.min,
+		y: n.max
+	}, {
+		x: t.max,
+		y: n.max
+	})) : e[0].x === t.min && e[1].x === t.max || e[0].x === t.max && e[1].x === t.min ? (r[0].push({
+		x: t.min,
+		y: n.max
+	}, {
+		x: t.max,
+		y: n.max
+	}), r[1].push({
+		x: t.min,
+		y: n.min
+	}, {
+		x: t.max,
+		y: n.min
+	})) : (e[0].y === n.min && e[1].y === n.max || e[0].y === n.max && e[1].y === n.min) && (r[0].push({
+		x: t.min,
+		y: n.min
+	}, {
+		x: t.min,
+		y: n.max
+	}), r[1].push({
+		x: t.max,
+		y: n.min
+	}, {
+		x: t.max,
+		y: n.max
+	})), P(r);
+}, te = (e, t, n, r) => {
+	let i = t[0], a = t[1], o = [
+		{
+			x: n.min,
+			y: r.min
+		},
+		{
+			x: n.min,
+			y: r.max
+		},
+		{
+			x: n.max,
+			y: r.min
+		},
+		{
+			x: n.max,
+			y: r.max
+		}
+	], s = w(i.from.x, i.from.y, i.to.x, i.to.y, a.from.x, a.from.y, a.to.x, a.to.y), c = [], l = D(i, n, r);
+	l = N(l);
+	let u = D(a, n, r);
+	if (u = N(u), s && T(s, n, r)) for (let e = 0; e < l.length; e++) for (let t = 0; t < u.length; t++) {
+		let n = [], r = [];
+		n.push(s), n.push(l[e]), n.push(u[t]);
+		for (let i = 0; i < o.length; i++) M(s, l[e], u[t], o[i]) ? n.push(o[i]) : r.push(o[i]);
+		o = r, c.push(n);
+	}
+	else {
+		let e = F(l, n, r), t = F(u, n, r);
+		for (let t = 0; t < e.length; t++) C(u[0], e[t]) && C(u[1], e[t]) || c.push(e[t]);
+		for (let e = 0; e < t.length; e++) C(l[0], t[e]) && C(l[1], t[e]) || c.push(t[e]);
+		for (let e = 0; e < c.length; e++) o = o.filter(function(t) {
+			return !c[e].some(function(e) {
+				return t.x === e.x && t.y === e.y;
+			});
+		});
+		let i = o.concat(l, u);
+		c.push(i);
+	}
+	return P(c);
+}, ne = (e, t, n, r) => (e.numberOfLines === 1 ? e.sections = F(D(t[0], n, r), n, r) : e.sections = te(e, t, n, r), e), re = (e, t) => {
+	let n = t.length, r = e.x, i = e.y, a = !1, o = t[0], s;
+	for (let e = 1; e <= n; e++) {
+		if (s = t[e % n], i > Math.min(o.y, s.y) && i <= Math.max(o.y, s.y) && r <= Math.max(o.x, s.x)) {
+			let e = (i - o.y) * (s.x - o.x) / (s.y - o.y) + o.x;
+			(o.x === s.x || r <= e) && (a = !a);
+		}
+		o = s;
+	}
+	return a;
+}, ie = (e, t) => {
+	if (t.length === 0) return !1;
+	if (e.numberOfLines === 1) {
+		if (t.length === 1) return !t[0].building;
+	} else if (t.length !== 2) return !1;
+	else return !t[1].building;
+}, ae = (e) => e ? (e || []).filter(({ type: e, ...t }) => x[e] ? x[e](t) : !1) : [], I = /* @__PURE__ */ e(c(), 1), L = ({ bgFill: e, fgFill: t }) => /* @__PURE__ */ y("svg", {
+	preserveAspectRatio: "xMinYMin meet",
+	version: "1.1",
+	viewBox: "-283 359 34 35",
+	style: { enableBackground: "new -283 359 34 35" },
+	children: [
+		/* @__PURE__ */ v("circle", {
+			cx: "-266",
+			cy: "375.9",
+			r: "14",
+			fill: e
+		}),
+		/* @__PURE__ */ v("path", {
+			d: "M-280.5,375.9c0-8,6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5s-6.5,14.5-14.5,14.5S-280.5,383.9-280.5,375.9z\n         M-279.5,375.9c0,7.4,6.1,13.5,13.5,13.5c7.4,0,13.5-6.1,13.5-13.5s-6.1-13.5-13.5-13.5C-273.4,362.4-279.5,368.5-279.5,375.9z",
+			fill: e
+		}),
+		/* @__PURE__ */ v("polygon", {
+			points: "-265.4,383.1 -258.6,377.2 -261.2,374.2 -264.3,376.9 -268.9,368.7 -272.4,370.6",
+			fill: t
+		})
+	]
+});
+L.propTypes = {
+	bgFill: I.default.string.isRequired,
+	fgFill: I.default.string.isRequired
+};
+var R = ({ bgFill: e, fgFill: t, borderFill: n }) => /* @__PURE__ */ y("svg", {
+	preserveAspectRatio: "xMinYMin meet",
+	version: "1.1",
+	viewBox: "-129.5 127 34 35",
+	style: { enableBackground: "new -129.5 127 34 35" },
+	children: [
+		/* @__PURE__ */ v("path", {
+			style: {
+				fill: "#D0CAC5",
+				stroke: "#E6E3E0",
+				strokeWidth: .75,
+				strokeMiterlimit: 10
+			},
+			d: "M-112.9,160.4c-8.5,0-15.5-6.9-15.5-15.5c0-8.5,6.9-15.5,15.5-15.5s15.5,6.9,15.5,15.5\n         C-97.4,153.5-104.3,160.4-112.9,160.4z"
+		}),
+		/* @__PURE__ */ v("path", {
+			style: {
+				fill: "#B3ABA4",
+				stroke: "#CDC7C2",
+				strokeWidth: .5,
+				strokeMiterlimit: 10
+			},
+			d: "M-113.2,159c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-105.2,159-113.2,159z"
+		}),
+		/* @__PURE__ */ v("circle", {
+			cx: "-114.2",
+			cy: "143.5",
+			r: "14",
+			fill: e
+		}),
+		/* @__PURE__ */ v("path", {
+			d: "M-114.2,158c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-106.2,158-114.2,158z\n         M-114.2,130c-7.4,0-13.5,6.1-13.5,13.5s6.1,13.5,13.5,13.5s13.5-6.1,13.5-13.5S-106.8,130-114.2,130z",
+			fill: n
+		}),
+		/* @__PURE__ */ v("polygon", {
+			points: "-114.8,150.7 -121.6,144.8 -119,141.8 -115.9,144.5 -111.3,136.3 -107.8,138.2",
+			fill: t
+		})
+	]
+});
+R.propTypes = {
+	bgFill: I.default.string.isRequired,
+	fgFill: I.default.string.isRequired,
+	borderFill: I.default.string.isRequired
+};
+var oe = a("div")(({ size: e }) => ({
+	width: e || "25px",
+	height: e || "25px"
+})), z = ({ open: e, size: t }) => /* @__PURE__ */ v(oe, {
+	size: t,
+	children: e ? /* @__PURE__ */ v(L, {
+		bgFill: "#bce2ff",
+		fgFill: "#1a9cff"
+	}) : /* @__PURE__ */ v(R, {
+		bgFill: "white",
+		fgFill: "#1a9cff",
+		borderFill: "#bce2ff"
+	})
+});
+z.propTypes = {
+	open: I.default.bool,
+	size: I.default.string
+}, z.defaultProps = { open: !1 };
+//#endregion
+//#region ../../lib-react/correct-answer-toggle/dist/expander.js
+var B = "height ease-in 300ms, opacity ease-in 300ms", se = a("div")(() => ({
+	position: "relative",
+	height: 0,
+	overflow: "hidden",
+	display: "flex",
+	visibility: "hidden",
+	width: 0,
+	"&.enter": {
+		transition: B,
+		opacity: 1,
+		height: "auto",
+		width: "auto",
+		visibility: "visible",
+		minHeight: "25px"
+	},
+	"&.enter-done": {
+		height: "auto",
+		visibility: "visible",
+		width: "auto",
+		minHeight: "25px"
+	},
+	"&.exit": {
+		transition: B,
+		opacity: 0,
+		height: 0,
+		visibility: "visible",
+		width: 0
+	},
+	"&.exit-done": {
+		opacity: 0,
+		visibility: "hidden",
+		height: 0,
+		width: 0
+	}
+})), V = (e) => {
+	let { show: t, children: n, className: i } = e, a = g(null);
+	return /* @__PURE__ */ v(r, {
+		nodeRef: a,
+		in: t,
+		appear: !0,
+		mountOnEnter: !1,
+		timeout: 300,
+		classNames: {
+			enter: "enter",
+			enterDone: "enter-done",
+			exit: "exit",
+			exitDone: "exit-done"
+		},
+		children: /* @__PURE__ */ v(se, {
+			ref: a,
+			className: i,
+			children: n
+		})
+	});
+};
+V.propTypes = {
+	show: I.default.bool.isRequired,
+	className: I.default.string,
+	children: I.default.oneOfType([I.default.arrayOf(I.default.node), I.default.node]).isRequired
+};
+//#endregion
+//#region ../../lib-react/correct-answer-toggle/dist/index.js
+function H(e) {
+	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
+}
+function U(e, t) {
+	return !e || H(e) ? e : H(e.default) ? e.default : t && H(e[t]) ? e[t] : t && H(e[t]?.default) ? e[t].default : e;
+}
+var ce = U(p, "Readable") || U(le.Readable, "Readable"), W = m, G = W.default, le = G && typeof G == "object" ? G : W, { translator: K } = d, ue = {
+	WebkitTouchCallout: "none",
+	WebkitUserSelect: "none",
+	KhtmlUserSelect: "none",
+	MozUserSelect: "none",
+	msUserSelect: "none",
+	userSelect: "none"
+}, de = a("div")(() => ({
+	width: "100%",
+	cursor: "pointer"
+})), fe = a("div")(() => ({
+	margin: "0 auto",
+	textAlign: "center",
+	display: "flex"
+})), pe = a("div")(() => ({
+	width: "fit-content",
+	minWidth: "140px",
+	alignSelf: "center",
+	verticalAlign: "middle",
+	color: `var(--correct-answer-toggle-label-color, ${i.text()})`,
+	fontWeight: "normal",
+	...ue
+})), q = a("div")(() => ({
+	position: "absolute",
+	width: "25px",
+	"&.enter": { opacity: "0" },
+	"&.enter-active": {
+		opacity: "1",
+		transition: "opacity 0.3s ease-in"
+	},
+	"&.exit": { opacity: "1" },
+	"&.exit-active": {
+		opacity: "0",
+		transition: "opacity 0.3s ease-in"
+	}
+})), me = a("div")(() => ({
+	width: "25px",
+	marginRight: "5px",
+	display: "flex",
+	alignItems: "center"
+})), he = class e extends h.Component {
+	static propTypes = {
+		onToggle: I.default.func,
+		toggled: I.default.bool,
+		show: I.default.bool,
+		hideMessage: I.default.string,
+		showMessage: I.default.string,
+		className: I.default.string,
+		language: I.default.string
+	};
+	static defaultProps = {
+		showMessage: "Show correct answer",
+		hideMessage: "Hide correct answer",
+		show: !1,
+		toggled: !1
+	};
+	constructor(t) {
+		super(t), this.state = { show: t.show }, this.openIconRef = h.createRef(), this.closedIconRef = h.createRef(), e.defaultProps = {
+			...e.defaultProps,
+			showMessage: K.t("common:showCorrectAnswer", { lng: t.language }),
+			hideMessage: K.t("common:hideCorrectAnswer", { lng: t.language })
+		};
+	}
+	onClick() {
+		this.props.onToggle(!this.props.toggled);
+	}
+	onTouch(e) {
+		e.preventDefault(), this.props.onToggle(!this.props.toggled);
+	}
+	UNSAFE_componentWillReceiveProps(t) {
+		this.setState({ show: t.show }), t.language !== this.props?.language && (e.defaultProps = {
+			...e.defaultProps,
+			showMessage: K.t("common:showCorrectAnswer", { lng: t.language }),
+			hideMessage: K.t("common:hideCorrectAnswer", { lng: t.language })
+		});
+	}
+	render() {
+		let { className: e, toggled: t, hideMessage: n, showMessage: i } = this.props;
+		return /* @__PURE__ */ v(de, {
+			className: e,
+			children: /* @__PURE__ */ v(V, {
+				show: this.state.show,
+				children: /* @__PURE__ */ y(fe, {
+					onClick: this.onClick.bind(this),
+					onTouchEnd: this.onTouch.bind(this),
+					children: [/* @__PURE__ */ y(me, { children: [/* @__PURE__ */ v(r, {
+						nodeRef: this.openIconRef,
+						timeout: 400,
+						in: t,
+						exit: !t,
+						classNames: {
+							enter: "enter",
+							enterActive: "enter-active",
+							exit: "exit",
+							exitActive: "exit-active"
+						},
+						children: /* @__PURE__ */ v(q, {
+							ref: this.openIconRef,
+							children: /* @__PURE__ */ v(z, { open: t }, "correct-open")
+						})
+					}), /* @__PURE__ */ v(r, {
+						nodeRef: this.closedIconRef,
+						timeout: 5e3,
+						in: !t,
+						exit: t,
+						classNames: {
+							enter: "enter",
+							enterActive: "enter-active",
+							exit: "exit",
+							exitActive: "exit-active"
+						},
+						children: /* @__PURE__ */ v(q, {
+							ref: this.closedIconRef,
+							children: /* @__PURE__ */ v(z, { open: t }, "correct-closed")
+						})
+					})] }), /* @__PURE__ */ v(ce, {
+						false: !0,
+						children: /* @__PURE__ */ v(pe, {
+							"aria-hidden": !this.state.show,
+							children: t ? n : i
+						})
+					})]
+				})
+			})
+		});
+	}
+};
+//#endregion
+//#region src/delivery/main.tsx
+function J(e) {
+	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
+}
+function Y(e, t) {
+	return !e || J(e) ? e : J(e.default) ? e.default : t && J(e[t]) ? e[t] : t && J(e[t]?.default) ? e[t].default : e;
+}
+var ge = Y(u, "UiLayout") || Y(Q.UiLayout, "UiLayout"), X = Y(s, "PreviewPrompt") || Y(Q.PreviewPrompt, "PreviewPrompt"), _e = Y(t, "Collapsible") || Y(Q.Collapsible, "Collapsible"), ve = m, Z = ve.default, Q = Z && typeof Z == "object" ? Z : ve, ye = a(ge)({
+	color: i.text(),
+	backgroundColor: i.background()
+}), be = a(_e)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), xe = a(f)(({ theme: e }) => ({
+	marginTop: e.spacing(2),
+	marginBottom: e.spacing(2)
+})), $ = class extends h.Component {
+	static propTypes = {
+		model: I.default.object.isRequired,
+		session: I.default.object.isRequired,
+		onAnswersChange: I.default.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: n, setGssData: r } = this.props, { gssData: i, disabled: a } = t;
+		if (!a) {
+			for (let t of i.sections) if (re(e, t)) {
+				let e = {
+					points: t,
+					building: !1,
+					type: "polygon",
+					closed: !0,
+					isSolution: !0
+				};
+				n.answer = n.answer.filter((e) => e.type !== "polygon"), n.answer.push(e);
+				break;
+			}
+			r(i, n);
+		}
+	};
+	onChangeGssLineData = (e, t) => {
+		let { model: n, session: r } = this.props, { domain: i, range: a, disabled: o } = n;
+		if (!o) if (e.selectedTool === "solutionSet") {
+			let n = r.answer.filter((e) => e.type !== "polygon");
+			if (!ie(e, n)) e.selectedTool = t, 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 t = r.answer.filter((e) => e.type !== "polygon");
+				e = ne(e, t, i, a);
+			}
+			this.handleGssDataChange(e, r);
+		} else {
+			let n = r.answer.filter((e) => e.type === "polygon");
+			t === "solutionSet" && n.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: () => {
+					r.answer = r.answer.filter((e) => e.type !== "polygon"), this.handleGssDataChange(e, r), this.handleAlertDialog(!1);
+				},
+				onConfirmText: "CLEAR SOLUTION SET",
+				onClose: () => {
+					e.selectedTool = t, this.handleGssDataChange(e, r), this.handleAlertDialog(!1);
+				}
+			} }) : this.handleGssDataChange(e, r);
+		}
+	};
+	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: r } = this.props, { showingCorrect: i, dialog: a } = this.state, { answer: s } = r || {}, { answersCorrected: c, arrows: l, coordinatesOnHover: u, correctResponse: d, defaultTool: f, disabled: p, domain: m, extraCSSRules: h, labels: g, labelsEnabled: _, prompt: b, range: x, rationale: S, size: C, showToggle: w, title: T, titleEnabled: E, teacherInstructions: D, language: O, gssLineData: k, gssData: A } = e || {}, j = c || s || [], M = e.rationale && (n(e.rationale) || o(e.rationale));
+		return /* @__PURE__ */ y(ye, {
+			extraCSSRules: h,
+			children: [
+				e.teacherInstructions && (n(e.teacherInstructions) || o(e.teacherInstructions)) && /* @__PURE__ */ v(be, {
+					labels: {
+						hidden: "Show Teacher Instructions",
+						visible: "Hide Teacher Instructions"
+					},
+					children: /* @__PURE__ */ v(X, { prompt: D })
+				}),
+				b && /* @__PURE__ */ v(X, {
+					className: "prompt",
+					prompt: b
+				}),
+				/* @__PURE__ */ v(he, {
+					show: w,
+					toggled: i,
+					onToggle: this.toggleCorrect,
+					language: O
+				}),
+				i && w ? /* @__PURE__ */ v(xe, {
+					axesSettings: { includeArrows: l },
+					coordinatesOnHover: u,
+					disabled: !0,
+					disabledLabels: !0,
+					disabledTitle: !0,
+					domain: m,
+					labels: g,
+					marks: d.map((e) => ({
+						...e,
+						correctness: "correct"
+					})),
+					onChangeMarks: t,
+					range: x,
+					showLabels: _,
+					showTitle: E,
+					size: C,
+					title: T,
+					language: O,
+					gssLineData: k,
+					onChangeGssLineData: this.onChangeGssLineData,
+					onSolutionSetSelected: this.onSolutionSetSelected,
+					toolbarTools: ["line", "polygon"]
+				}) : /* @__PURE__ */ v(xe, {
+					axesSettings: { includeArrows: l },
+					coordinatesOnHover: u,
+					defaultTool: f,
+					disabled: p,
+					disabledLabels: !0,
+					disabledTitle: !0,
+					domain: m,
+					labels: g,
+					marks: j,
+					onChangeMarks: t,
+					onCustomReset: this.onResetClick,
+					range: x,
+					showLabels: _,
+					showTitle: E,
+					size: C,
+					title: T,
+					language: O,
+					gssLineData: A,
+					onChangeGssLineData: this.onChangeGssLineData,
+					onSolutionSetSelected: this.onSolutionSetSelected,
+					toolbarTools: ["line", "polygon"]
+				}),
+				M && /* @__PURE__ */ v(_e, {
+					labels: {
+						hidden: "Show Rationale",
+						visible: "Hide Rationale"
+					},
+					children: /* @__PURE__ */ v(X, { prompt: S })
+				}),
+				/* @__PURE__ */ v(ee, {
+					open: a.open,
+					title: a.title,
+					text: a.text,
+					onClose: a.onClose,
+					onConfirm: a.onConfirm,
+					onConfirmText: a.onConfirmText ? a.onConfirmText : "OK"
+				})
+			]
+		});
+	}
+}, Se = class extends HTMLElement {
+	constructor() {
+		super(), this._root = null;
+	}
+	set model(e) {
+		this._model = e, this._render();
+	}
+	set session(e) {
+		this._session = e, this._session.answer || (this._session.answer = []);
+		let { answer: t } = this._session || {}, { gssLineData: n, domain: r, range: i } = this._model, a = t && t.filter((e) => e.type === "polygon").length > 0;
+		n.numberOfLines === 1 ? this._model.gssData = {
+			numberOfLines: 1,
+			selectedTool: a ? "solutionSet" : "lineA",
+			sections: [],
+			lineA: { lineType: t && t.length > 0 ? t[0].fill : "Solid" }
+		} : this._model.gssData = {
+			numberOfLines: 2,
+			selectedTool: a ? "solutionSet" : "lineA",
+			sections: [],
+			lineA: { lineType: t && t.length > 0 ? t[0].fill : "Solid" },
+			lineB: { lineType: t && t.length > 1 ? t[1].fill : "Solid" }
+		}, a && (this._model.gssData = ne(this._model.gssData, t, r, i)), this._render();
+	}
+	get session() {
+		return this._session;
+	}
+	connectedCallback() {
+		this._render();
+	}
+	isComplete = (e) => Array.isArray(e) && e.length > 0;
+	changeAnswers = (e, t) => {
+		let { gssData: n } = this._model;
+		n.selectedTool === "lineA" && e.length > 0 && (e[0].fill = n.lineA.lineType), n.selectedTool === "lineB" && e.length > 1 && (e[1].fill = n.lineB.lineType), e.length === 0 && (n.selectedTool = "lineA", this._model.gssData = n), t ? this._session.answer = e : this._session.answer = ae(e), this.dispatchEvent(new b(this.tagName.toLowerCase(), this.isComplete(this._session.answer))), this._render();
+	};
+	setGssData = (e, t) => {
+		this._model.gssData = e, this._session = t, this.dispatchEvent(new b(this.tagName.toLowerCase(), this.isComplete(this._session.answer))), this._render();
+	};
+	_render() {
+		if (!this._model || !this._session) return;
+		let e = h.createElement($, {
+			model: this._model,
+			session: this._session,
+			onAnswersChange: this.changeAnswers,
+			setGssData: this.setGssData
+		});
+		this._root ||= _(this), this._root.render(e), queueMicrotask(() => {
+			l(this);
+		});
+	}
+	disconnectedCallback() {
+		this._root && this._root.unmount();
+	}
+};
+//#endregion
+export { $ as Component, Se as default };
+
+//# sourceMappingURL=index.js.map