@pie-lib/graphing 4.0.4 → 4.0.5-next.0

package/dist/tools/shared/line/line-path.js

@@ -0,0 +1,71 @@
+import e from "../../../node_modules/.bun/@visx_shape@3.12.0_f4eacebf2041cd4f/node_modules/@visx/shape/esm/shapes/LinePath.js";
+import { correct as t, disabledSecondary as n, incorrect as r, missing as i } from "../styles.js";
+import a from "react";
+import o from "prop-types";
+import { types as s } from "@pie-lib/plot";
+import { styled as c } from "@mui/material/styles";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { color as d } from "@pie-lib/render-ui";
+//#region src/tools/shared/line/line-path.tsx
+var f = () => ({
+	strokeWidth: 4,
+	stroke: d.defaults.BLACK
+}), p = c(e)(({ disabled: e, correctness: a }) => ({
+	fill: "none",
+	strokeWidth: 3,
+	stroke: d.black(),
+	...e && {
+		...n("stroke"),
+		strokeWidth: 2
+	},
+	...a === "correct" && t("stroke"),
+	...a === "incorrect" && r("stroke"),
+	...a === "missing" && {
+		...i("stroke"),
+		strokeWidth: 1,
+		strokeDasharray: "4 3"
+	}
+})), m = c(e)(({ theme: e, disabled: t, correctness: n, isDragging: r }) => ({
+	strokeWidth: 7,
+	fill: "none",
+	transition: "stroke-width 200ms ease-in, stroke 200ms ease-in",
+	stroke: "transparent",
+	pointerEvents: "stroke",
+	"&:hover": f(e),
+	...r && f(e),
+	...(t || n) && { pointerEvents: "none" }
+})), h = class extends a.Component {
+	static propTypes = {
+		className: o.string,
+		data: o.arrayOf(o.arrayOf(o.number)),
+		graphProps: s.GraphPropsType.isRequired,
+		disabled: o.bool,
+		correctness: o.string,
+		from: s.PointType,
+		to: s.PointType,
+		isDragging: o.bool
+	};
+	static defaultProps = {
+		from: {},
+		to: {}
+	};
+	render() {
+		let { data: e, className: t, disabled: n, correctness: r, from: i, to: o, graphProps: s, isDragging: c, ...d } = this.props;
+		return /* @__PURE__ */ u(a.Fragment, { children: [/* @__PURE__ */ l(p, {
+			data: e,
+			className: t,
+			disabled: n,
+			correctness: r,
+			...d
+		}), /* @__PURE__ */ l(m, {
+			data: e,
+			className: t,
+			isDragging: c,
+			disabled: n,
+			correctness: r,
+			...d
+		})] });
+	}
+};
+//#endregion
+export { h as LinePath };

package/dist/tools/shared/line/with-root-edge.d.ts

@@ -0,0 +1,142 @@
+/**
+ * @synced-from pie-lib/packages/graphing/src/tools/shared/line/with-root-edge.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 const rootEdgeToFromToWrapper: (BaseComp: any) => {
+    (props: any): React.JSX.Element;
+    propTypes: {
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        mark: PropTypes.Requireable<object>;
+    };
+};
+export declare const rootEdgeComponent: (RootEdgeComp: any) => {
+    (props: any): React.JSX.Element;
+    propTypes: {
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        mark: PropTypes.Requireable<object>;
+    };
+};
+export declare const withRootEdge: (getPoints: any) => {
+    new (props: {}): {
+        onChangePoint: any;
+        dragComp: ({ from: draggedFrom, to: draggedTo }: {
+            from: any;
+            to: any;
+        }) => void;
+        dragFrom: any;
+        dragTo: any;
+        labelChange: any;
+        clickPoint: any;
+        input: {};
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<{}>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: {}, context: any): {
+        onChangePoint: any;
+        dragComp: ({ from: draggedFrom, to: draggedTo }: {
+            from: any;
+            to: any;
+        }) => void;
+        dragFrom: any;
+        dragTo: any;
+        labelChange: any;
+        clickPoint: any;
+        input: {};
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<{}>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    propTypes: {
+        coordinatesOnHover: PropTypes.Requireable<boolean>;
+        graphProps: PropTypes.Requireable<PropTypes.InferProps<{
+            scale: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                x: PropTypes.Validator<(...args: any[]) => any>;
+                y: PropTypes.Validator<(...args: any[]) => any>;
+            }>>>;
+            snap: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                x: PropTypes.Validator<(...args: any[]) => any>;
+                y: PropTypes.Validator<(...args: any[]) => any>;
+            }>>>;
+            domain: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                min: PropTypes.Validator<number>;
+                max: PropTypes.Validator<number>;
+                step: PropTypes.Requireable<number>;
+            }>>>;
+            range: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                min: PropTypes.Validator<number>;
+                max: PropTypes.Validator<number>;
+                step: PropTypes.Requireable<number>;
+            }>>>;
+            size: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                width: PropTypes.Validator<number>;
+                height: PropTypes.Validator<number>;
+            }>>>;
+        }>>;
+        from: PropTypes.Requireable<PropTypes.InferProps<{
+            x: PropTypes.Validator<number>;
+            y: PropTypes.Validator<number>;
+        }>>;
+        to: PropTypes.Requireable<PropTypes.InferProps<{
+            x: PropTypes.Validator<number>;
+            y: PropTypes.Validator<number>;
+        }>>;
+        middle: PropTypes.Requireable<PropTypes.InferProps<{
+            x: PropTypes.Validator<number>;
+            y: PropTypes.Validator<number>;
+        }>>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onDragStart: PropTypes.Requireable<(...args: any[]) => any>;
+        onDragStop: PropTypes.Requireable<(...args: any[]) => any>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        correctness: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        limitLabeling: PropTypes.Requireable<boolean>;
+        changeMarkProps: PropTypes.Requireable<(...args: any[]) => any>;
+        labelModeEnabled: PropTypes.Requireable<boolean>;
+        labelNode: PropTypes.Requireable<object>;
+    };
+    contextType?: React.Context<any> | undefined;
+};

package/dist/tools/shared/line/with-root-edge.js

@@ -0,0 +1,73 @@
+import { LinePath as e } from "./line-path.js";
+import { curveMonotoneX as t } from "../../../node_modules/.bun/@visx_curve@3.12.0/node_modules/@visx/curve/esm/index.js";
+import { lineBase as n, lineToolComponent as r } from "./index.js";
+import "react";
+import i from "prop-types";
+import { types as a } from "@pie-lib/plot";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/tools/shared/line/with-root-edge.tsx
+var s = (e) => {
+	let t = { ...e };
+	return t.root = { ...e.from }, t.edge = e.to ? { ...e.to } : void 0, delete t.from, delete t.to, t;
+}, c = (e) => {
+	let t = { ...e };
+	return t.from = { ...e.root }, t.to = e.edge ? { ...e.edge } : void 0, delete t.root, delete t.edge, t;
+}, l = (e) => {
+	let t = (t) => {
+		let n = c(t.mark), r = (e, n) => {
+			t.onChange(s(e), s(n));
+		};
+		return /* @__PURE__ */ o(e, {
+			...t,
+			mark: n,
+			onChange: r
+		});
+	};
+	return t.propTypes = {
+		onChange: i.func,
+		mark: i.object
+	}, t;
+}, u = (e) => l(r(e)), d = (n) => {
+	let r = (r) => {
+		let { graphProps: i, from: a, to: s, onClick: c, onDragStart: l, onDragStop: u, onChange: d, disabled: f, correctness: p, ...m } = r, { dataPoints: h, enableCurve: g = !0 } = n({
+			graphProps: r.graphProps,
+			root: a,
+			edge: s
+		}), _ = h.map((e) => [i.scale.x(e.x), i.scale.y(e.y)]), v = {
+			onClick: c,
+			graphProps: i,
+			onDragStart: l,
+			onDragStop: u,
+			onChange: d,
+			disabled: f,
+			correctness: p
+		};
+		return g ? /* @__PURE__ */ o(e, {
+			data: _,
+			from: a,
+			to: s,
+			curve: t,
+			...v,
+			...m
+		}) : /* @__PURE__ */ o(e, {
+			data: _,
+			from: a,
+			to: s,
+			...v,
+			...m
+		});
+	};
+	return r.propTypes = {
+		graphProps: a.GraphPropsType.isRequired,
+		from: a.PointType.isRequired,
+		to: a.PointType,
+		onClick: i.func,
+		onDragStart: i.func,
+		onDragStop: i.func,
+		onChange: i.func,
+		disabled: i.bool,
+		correctness: i.string
+	}, r;
+}, f = (e) => n(d(e));
+//#endregion
+export { u as rootEdgeComponent, f as withRootEdge };

package/dist/tools/shared/point/arrow-point.d.ts

@@ -0,0 +1,56 @@
+/**
+ * @synced-from pie-lib/packages/graphing/src/tools/shared/point/arrow-point.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 RawArrow extends React.Component {
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+        correctness: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        x: PropTypes.Validator<number>;
+        y: PropTypes.Validator<number>;
+        from: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            x: PropTypes.Requireable<number>;
+            y: PropTypes.Requireable<number>;
+        }>>>;
+        to: PropTypes.Requireable<PropTypes.InferProps<{
+            x: PropTypes.Requireable<number>;
+            y: PropTypes.Requireable<number>;
+        }>>;
+        graphProps: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            scale: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                x: PropTypes.Validator<(...args: any[]) => any>;
+                y: PropTypes.Validator<(...args: any[]) => any>;
+            }>>>;
+            snap: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                x: PropTypes.Validator<(...args: any[]) => any>;
+                y: PropTypes.Validator<(...args: any[]) => any>;
+            }>>>;
+            domain: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                min: PropTypes.Validator<number>;
+                max: PropTypes.Validator<number>;
+                step: PropTypes.Requireable<number>;
+            }>>>;
+            range: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                min: PropTypes.Validator<number>;
+                max: PropTypes.Validator<number>;
+                step: PropTypes.Requireable<number>;
+            }>>>;
+            size: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                width: PropTypes.Validator<number>;
+                height: PropTypes.Validator<number>;
+            }>>>;
+        }>>>;
+    };
+    static defaultProps: {
+        from: {};
+        to: {};
+    };
+    render(): React.JSX.Element;
+}

package/dist/tools/shared/point/arrow-point.js

@@ -0,0 +1,41 @@
+import { arrowDimensions as e, getAngleDeg as t } from "../../../utils.js";
+import n from "react";
+import r from "prop-types";
+import { types as i } from "@pie-lib/plot";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/tools/shared/point/arrow-point.tsx
+var o = class extends n.Component {
+	static propTypes = {
+		className: r.string,
+		correctness: r.string,
+		disabled: r.bool,
+		x: r.number.isRequired,
+		y: r.number.isRequired,
+		from: r.shape({
+			x: r.number,
+			y: r.number
+		}).isRequired,
+		to: r.shape({
+			x: r.number,
+			y: r.number
+		}),
+		graphProps: i.GraphPropsType.isRequired
+	};
+	static defaultProps = {
+		from: {},
+		to: {}
+	};
+	render() {
+		let { className: n, x: r, y: i, graphProps: o, from: s, to: c, ...l } = this.props, { scale: u } = o, d = s && c ? t(s.x, s.y, c.x, c.y) : 0, f = s && c && (s.x !== c.x || s.y !== c.y) ? `0,0 ${e.vector},${e.vector * 2} -${e.vector},${e.vector * 2}` : "0,0 0,0 0,0";
+		return /* @__PURE__ */ a("g", {
+			className: n,
+			...l,
+			children: /* @__PURE__ */ a("polygon", {
+				points: f,
+				transform: `translate(${u.x(r)}, ${u.y(i)}) rotate(${d} 0 0)`
+			})
+		});
+	}
+};
+//#endregion
+export { o as RawArrow };

package/dist/tools/shared/point/arrow.d.ts

@@ -0,0 +1,45 @@
+/**
+ * @synced-from pie-lib/packages/graphing/src/tools/shared/point/arrow.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 BaseArrow extends React.Component {
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+        correctness: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        x: PropTypes.Validator<number>;
+        y: PropTypes.Validator<number>;
+        angle: PropTypes.Validator<number>;
+        graphProps: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            scale: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                x: PropTypes.Validator<(...args: any[]) => any>;
+                y: PropTypes.Validator<(...args: any[]) => any>;
+            }>>>;
+            snap: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                x: PropTypes.Validator<(...args: any[]) => any>;
+                y: PropTypes.Validator<(...args: any[]) => any>;
+            }>>>;
+            domain: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                min: PropTypes.Validator<number>;
+                max: PropTypes.Validator<number>;
+                step: PropTypes.Requireable<number>;
+            }>>>;
+            range: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                min: PropTypes.Validator<number>;
+                max: PropTypes.Validator<number>;
+                step: PropTypes.Requireable<number>;
+            }>>>;
+            size: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                width: PropTypes.Validator<number>;
+                height: PropTypes.Validator<number>;
+            }>>>;
+        }>>>;
+    };
+    render(): React.JSX.Element;
+}

package/dist/tools/shared/point/arrow.js

@@ -0,0 +1,35 @@
+import { thinnerShapesNeeded as e } from "../../../utils.js";
+import { ArrowHead as t } from "../arrow-head.js";
+import n from "react";
+import r from "prop-types";
+import { types as i } from "@pie-lib/plot";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/tools/shared/point/arrow.tsx
+var o = class extends n.Component {
+	static propTypes = {
+		className: r.string,
+		correctness: r.string,
+		disabled: r.bool,
+		x: r.number.isRequired,
+		y: r.number.isRequired,
+		angle: r.number.isRequired,
+		graphProps: i.GraphPropsType.isRequired
+	};
+	render() {
+		let { className: n, angle: r, x: i, y: o, correctness: s, graphProps: c, ...l } = this.props, u = e(c) ? 12 : 14, { scale: d } = c, f = d.x(i), p = d.y(o), m = `rotate(${-r}, ${f},${p})`, h = `${f},${p}
+        ${f - u},${p - u / 2}
+        ${f - u},${p + u / 2}`;
+		return /* @__PURE__ */ a("g", {
+			className: n,
+			...l,
+			children: /* @__PURE__ */ a(t, {
+				size: u,
+				transform: m,
+				points: h,
+				correctness: s
+			})
+		});
+	}
+};
+//#endregion
+export { o as BaseArrow };

package/dist/tools/shared/point/base-point.d.ts

@@ -0,0 +1,52 @@
+/**
+ * @synced-from pie-lib/packages/graphing/src/tools/shared/point/base-point.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 RawBp extends React.Component {
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+        coordinatesOnHover: PropTypes.Requireable<boolean>;
+        correctness: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        labelNode: PropTypes.Requireable<object>;
+        x: PropTypes.Validator<number>;
+        y: PropTypes.Validator<number>;
+        graphProps: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            scale: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                x: PropTypes.Validator<(...args: any[]) => any>;
+                y: PropTypes.Validator<(...args: any[]) => any>;
+            }>>>;
+            snap: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                x: PropTypes.Validator<(...args: any[]) => any>;
+                y: PropTypes.Validator<(...args: any[]) => any>;
+            }>>>;
+            domain: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                min: PropTypes.Validator<number>;
+                max: PropTypes.Validator<number>;
+                step: PropTypes.Requireable<number>;
+            }>>>;
+            range: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                min: PropTypes.Validator<number>;
+                max: PropTypes.Validator<number>;
+                step: PropTypes.Requireable<number>;
+            }>>>;
+            size: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                width: PropTypes.Validator<number>;
+                height: PropTypes.Validator<number>;
+            }>>>;
+        }>>>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        onTouchStart: PropTypes.Requireable<(...args: any[]) => any>;
+        onTouchEnd: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    state: {
+        showCoordinates: boolean;
+    };
+    render(): React.JSX.Element;
+}

package/dist/tools/shared/point/base-point.js

@@ -0,0 +1,103 @@
+import { thinnerShapesNeeded as e } from "../../../utils.js";
+import t from "../../../coordinates-label.js";
+import n from "../icons/MissingSVG.js";
+import r from "../icons/CorrectSVG.js";
+import i from "../icons/IncorrectSVG.js";
+import { correct as a, disabled as o, incorrect as s, missing as c } from "../styles.js";
+import l from "react";
+import u from "prop-types";
+import { types as d } from "@pie-lib/plot";
+import { styled as f } from "@mui/material/styles";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import g from "react-dom";
+//#region src/tools/shared/point/base-point.tsx
+var _ = f("g")(({ disabled: e, correctness: t }) => ({
+	cursor: "pointer",
+	"& circle": { fill: "currentColor" },
+	...e && {
+		...o("fill"),
+		...o("color")
+	},
+	...t === "correct" && {
+		...a("fill"),
+		...a("color")
+	},
+	...t === "incorrect" && {
+		...s("fill"),
+		...s("color")
+	},
+	...t === "missing" && {
+		...c("fill"),
+		...c("color")
+	}
+})), v = class extends l.Component {
+	static propTypes = {
+		className: u.string,
+		coordinatesOnHover: u.bool,
+		correctness: u.string,
+		disabled: u.bool,
+		labelNode: u.object,
+		x: u.number.isRequired,
+		y: u.number.isRequired,
+		graphProps: d.GraphPropsType.isRequired,
+		onClick: u.func,
+		onTouchStart: u.func,
+		onTouchEnd: u.func
+	};
+	state = { showCoordinates: !1 };
+	render() {
+		let { className: a, coordinatesOnHover: o, x: s, y: c, disabled: l, correctness: u, graphProps: d, labelNode: f, onClick: v, onTouchStart: y, onTouchEnd: b } = this.props, { showCoordinates: x } = this.state, { scale: S } = d, C = e(d) ? 5 : 7, w;
+		switch (u) {
+			case "missing":
+				w = n;
+				break;
+			case "correct":
+				w = r;
+				break;
+			case "incorrect":
+				w = i;
+				break;
+			default: w = null;
+		}
+		return /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("circle", {
+			style: {
+				fill: "transparent",
+				cursor: "pointer",
+				pointerEvents: "all"
+			},
+			r: C * 3,
+			cx: S.x(s),
+			cy: S.y(c),
+			onMouseEnter: () => this.setState({ showCoordinates: !0 }),
+			onMouseLeave: () => this.setState({ showCoordinates: !1 }),
+			onTouchStart: y,
+			onTouchEnd: b,
+			onClick: v
+		}), /* @__PURE__ */ h(_, {
+			className: a,
+			disabled: l,
+			correctness: u,
+			onMouseEnter: () => this.setState({ showCoordinates: !0 }),
+			onMouseLeave: () => this.setState({ showCoordinates: !1 }),
+			children: [
+				/* @__PURE__ */ m("circle", {
+					r: C,
+					cx: S.x(s),
+					cy: S.y(c)
+				}),
+				w && /* @__PURE__ */ m(w, {
+					scale: S,
+					x: s,
+					y: c
+				}),
+				f && o && x && g.createPortal(/* @__PURE__ */ m(t, {
+					graphProps: d,
+					x: s,
+					y: c
+				}), f)
+			]
+		})] });
+	}
+};
+//#endregion
+export { v as RawBp };