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

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

@@ -1,71 +0,0 @@
-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

@@ -1,142 +0,0 @@
-/**
- * @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

@@ -1,73 +0,0 @@
-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

@@ -1,56 +0,0 @@
-/**
- * @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

@@ -1,41 +0,0 @@
-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

@@ -1,45 +0,0 @@
-/**
- * @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

@@ -1,35 +0,0 @@
-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

@@ -1,52 +0,0 @@
-/**
- * @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

@@ -1,103 +0,0 @@
-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 };