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

package/dist/browser/delivery/index.js

@@ -1,782 +0,0 @@
-import { E as e } from "../browser-pUycHh7Y.js";
-import { A as t, C as n, F as r, H as i, I as a, L as o, S as s, T as c, U as l, k as u, l as d, o as ee, s as f, w as p, x as m } from "../dist-BxTk7Laj.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(i(), 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 = o("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 = o("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 = o("div")(() => ({
-	width: "100%",
-	cursor: "pointer"
-})), fe = o("div")(() => ({
-	margin: "0 auto",
-	textAlign: "center",
-	display: "flex"
-})), pe = o("div")(() => ({
-	width: "fit-content",
-	minWidth: "140px",
-	alignSelf: "center",
-	verticalAlign: "middle",
-	color: `var(--correct-answer-toggle-label-color, ${a.text()})`,
-	fontWeight: "normal",
-	...ue
-})), q = o("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 = o("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(c, "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 = o(ge)({
-	color: a.text(),
-	backgroundColor: a.background()
-}), be = o(_e)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), xe = o(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: o } = 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 || o || [], M = e.rationale && (n(e.rationale) || s(e.rationale));
-		return /* @__PURE__ */ y(ye, {
-			extraCSSRules: h,
-			children: [
-				e.teacherInstructions && (n(e.teacherInstructions) || s(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