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

package/dist/container/reducer.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @synced-from pie-lib/packages/graphing/src/container/reducer.js
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+declare const _default: () => import("redux").Reducer<import("redux").CombinedState<{
+    marks: import("redux-undo").StateWithHistory<never[]>;
+}>, import("redux").AnyAction>;
+export default _default;

package/dist/container/reducer.js

@@ -0,0 +1,7 @@
+import { combineReducers as e } from "../node_modules/.bun/redux@4.2.1/node_modules/redux/es/redux.js";
+import t from "./marks.js";
+import { C as n } from "../node_modules/.bun/redux-undo@1.1.0/node_modules/redux-undo/dist/redux-undo.js";
+//#region src/container/reducer.ts
+var r = () => e({ marks: n(t, { debug: !1 }) });
+//#endregion
+export { r as default };

package/dist/coordinates-label.d.ts

@@ -0,0 +1,50 @@
+/**
+ * @synced-from pie-lib/packages/graphing/src/coordinates-label.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 getLabelPosition: (graphProps: any, x: any, y: any, labelLength: any) => {
+    left: any;
+    top: number;
+};
+export declare const CoordinatesLabel: {
+    ({ x, y, graphProps }: {
+        x: any;
+        y: any;
+        graphProps: any;
+    }): React.JSX.Element;
+    propTypes: {
+        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>;
+            }>>>;
+        }>>;
+        x: PropTypes.Requireable<number>;
+        y: PropTypes.Requireable<number>;
+    };
+};
+export default CoordinatesLabel;

package/dist/coordinates-label.js

@@ -0,0 +1,46 @@
+import { roundNumber as e } from "./utils.js";
+import "react";
+import t from "prop-types";
+import { types as n } from "@pie-lib/plot";
+import { styled as r } from "@mui/material/styles";
+import { jsx as i } from "react/jsx-runtime";
+import { color as a } from "@pie-lib/render-ui";
+import o from "@mui/material/InputBase";
+//#region src/coordinates-label.tsx
+var s = r(o)(({ theme: e }) => ({
+	fontFamily: e.typography.fontFamily,
+	fontSize: e.typography.fontSize,
+	borderRadius: "8px",
+	background: e.palette.common.white,
+	color: a.defaults.PRIMARY_DARK,
+	"& .MuiInputBase-input": { padding: 0 }
+})), c = (e, t, n, r) => {
+	let { scale: i, domain: a, range: o } = e, s = n === o.min ? 16 : n === o.max ? 0 : 8;
+	return i.x(t) + r + 10 >= i.x(a.max) ? {
+		left: i.x(t) - 10 - r,
+		top: i.y(n) - s
+	} : {
+		left: i.x(t) + 10,
+		top: i.y(n) - s
+	};
+}, l = ({ x: t, y: n, graphProps: r }) => {
+	let a = `(${e(t)}, ${e(n)})`, o = (a.length || 0) * 6;
+	return /* @__PURE__ */ i(s, {
+		style: {
+			position: "absolute",
+			pointerEvents: "auto",
+			width: o,
+			padding: 0,
+			...c(r, t, n, o)
+		},
+		value: a,
+		inputProps: { ariaLabel: "naked" }
+	});
+};
+l.propTypes = {
+	graphProps: n.GraphPropsType,
+	x: t.number,
+	y: t.number
+};
+//#endregion
+export { l as default };

package/dist/graph-with-controls.d.ts

@@ -0,0 +1,88 @@
+/**
+ * @synced-from pie-lib/packages/graphing/src/graph-with-controls.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 setToolbarAvailability: (toolbarTools: any) => ({
+    toolbar: boolean;
+    type: any;
+    Component: any;
+    addPoint: (point: any, mark: any) => any;
+} | {
+    toolbar: boolean;
+    type: string;
+})[];
+export declare const toolIsAvailable: (tools: any, currentTool: any) => any;
+export declare const getAvailableTool: (tools: any) => any;
+export declare const filterByValidToolTypes: (backgroundMarks: any) => any;
+export declare const filterByVisibleToolTypes: (toolbarTools: any, marks: any) => any;
+export declare class GraphWithControls extends React.Component {
+    static propTypes: {
+        onUndo: PropTypes.Requireable<(...args: any[]) => any>;
+        onRedo: PropTypes.Requireable<(...args: any[]) => any>;
+        onReset: PropTypes.Requireable<(...args: any[]) => any>;
+        toolbarTools: PropTypes.Requireable<(string | null | undefined)[]>;
+        language: PropTypes.Requireable<string>;
+        axesSettings: PropTypes.Requireable<PropTypes.InferProps<{
+            includeArrows: PropTypes.Requireable<object>;
+            graphProps: PropTypes.Requireable<object>;
+        }>>;
+        backgroundMarks: PropTypes.Requireable<any[]>;
+        className: PropTypes.Requireable<string>;
+        collapsibleToolbar: PropTypes.Requireable<boolean>;
+        collapsibleToolbarTitle: PropTypes.Requireable<string>;
+        disabledLabels: PropTypes.Requireable<boolean>;
+        disabledTitle: PropTypes.Requireable<boolean>;
+        domain: PropTypes.Requireable<PropTypes.InferProps<{
+            min: PropTypes.Validator<number>;
+            max: PropTypes.Validator<number>;
+            step: PropTypes.Requireable<number>;
+        }>>;
+        labels: PropTypes.Requireable<PropTypes.InferProps<{
+            left: PropTypes.Requireable<string>;
+            top: PropTypes.Requireable<string>;
+            bottom: PropTypes.Requireable<string>;
+            right: PropTypes.Requireable<string>;
+        }>>;
+        labelModeEnabled: PropTypes.Requireable<boolean>;
+        coordinatesOnHover: PropTypes.Requireable<boolean>;
+        marks: PropTypes.Requireable<any[]>;
+        onChangeLabels: PropTypes.Requireable<(...args: any[]) => any>;
+        onChangeMarks: PropTypes.Requireable<(...args: any[]) => any>;
+        onChangeTitle: PropTypes.Requireable<(...args: any[]) => any>;
+        range: PropTypes.Requireable<PropTypes.InferProps<{
+            min: PropTypes.Validator<number>;
+            max: PropTypes.Validator<number>;
+            step: PropTypes.Requireable<number>;
+        }>>;
+        size: PropTypes.Requireable<PropTypes.InferProps<{
+            width: PropTypes.Validator<number>;
+            height: PropTypes.Validator<number>;
+        }>>;
+        showLabels: PropTypes.Requireable<boolean>;
+        showPixelGuides: PropTypes.Requireable<boolean>;
+        showTitle: PropTypes.Requireable<boolean>;
+        title: PropTypes.Requireable<string>;
+        tools: PropTypes.Requireable<any[]>;
+        limitLabeling: PropTypes.Requireable<boolean>;
+    };
+    static defaultProps: {
+        collapsibleToolbar: boolean;
+        collapsibleToolbarTitle: string;
+        disabledLabels: boolean;
+        disabledTitle: boolean;
+        showLabels: boolean;
+        showTitle: boolean;
+        toolbarTools: never[];
+    };
+    constructor(props: any);
+    componentDidUpdate(prevProps: any): void;
+    changeCurrentTool: (tool: any, tools: any) => void;
+    render(): React.JSX.Element;
+}
+export default GraphWithControls;

package/dist/graph-with-controls.js

@@ -0,0 +1,154 @@
+import e, { graphPropTypes as t } from "./graph.js";
+import { allTools as n, toolsArr as r } from "./tools/index.js";
+import i from "./tool-menu.js";
+import a from "./undo-redo.js";
+import o from "react";
+import s from "prop-types";
+import { isString as c, uniq as l } from "lodash-es";
+import { styled as u } from "@mui/material/styles";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { color as p } from "@pie-lib/render-ui";
+import { Accordion as m, AccordionDetails as h, AccordionSummary as g, Typography as _ } from "@mui/material";
+import v from "@mui/icons-material/ExpandMore";
+//#region src/graph-with-controls.tsx
+var y = u("div")({
+	display: "flex",
+	flexDirection: "column",
+	width: "min-content"
+}), b = u("div")(({ theme: e }) => ({
+	display: "flex",
+	justifyContent: "space-between",
+	padding: e.spacing(1),
+	color: p.text(),
+	backgroundColor: p.primaryLight(),
+	"& button": { fontSize: e.typography.fontSize }
+})), x = u(m)({
+	backgroundColor: p.primaryLight(),
+	width: "100%"
+}), S = u(g)(({ theme: e }) => ({
+	padding: `0 ${e.spacing(1)}`,
+	minHeight: "32px !important",
+	"& .MuiAccordionSummary-content": { margin: "4px 0 !important" }
+})), C = u(h)(({ theme: e }) => ({
+	padding: 0,
+	marginTop: e.spacing(1),
+	display: "flex",
+	justifyContent: "space-between"
+})), w = (e) => r.map((t) => ({
+	...t,
+	toolbar: !!e.find((e) => e === t.type)
+})) || [], T = (e, t) => t && e && (e.find((e) => e.type === t.type) || {}).toolbar, E = (e) => e.find((e) => e.toolbar), D = (e) => e.filter((e) => !!n.find((t) => t === e.type)), O = (e, t) => t.filter((t) => !!e.find((e) => e === t.type)), k = (e) => r.find((t) => t.type === e) || null, A = ({ children: e, title: t }) => /* @__PURE__ */ f(x, {
+	elevation: 0,
+	disableGutters: !0,
+	square: !0,
+	TransitionProps: { timeout: {
+		enter: 225,
+		exit: 195
+	} },
+	children: [/* @__PURE__ */ d(S, {
+		expandIcon: /* @__PURE__ */ d(v, {}),
+		children: /* @__PURE__ */ d(_, {
+			variant: "subheading",
+			children: t
+		})
+	}), /* @__PURE__ */ d(C, { children: e })]
+});
+A.propTypes = {
+	children: s.array,
+	title: s.string
+};
+var j = class extends o.Component {
+	static propTypes = {
+		...t,
+		onUndo: s.func,
+		onRedo: s.func,
+		onReset: s.func,
+		toolbarTools: s.arrayOf(s.string),
+		language: s.string
+	};
+	static defaultProps = {
+		collapsibleToolbar: !1,
+		collapsibleToolbarTitle: "",
+		disabledLabels: !1,
+		disabledTitle: !1,
+		showLabels: !0,
+		showTitle: !0,
+		toolbarTools: []
+	};
+	constructor(e) {
+		super(e), this.state = {
+			currentTool: k(e.defaultTool),
+			labelModeEnabled: !1
+		};
+	}
+	componentDidUpdate(e) {
+		let { defaultTool: t } = this.props;
+		if (e.defaultTool !== t) {
+			let e = k(t);
+			this.setState({ currentTool: e });
+		}
+	}
+	changeCurrentTool = (e, t) => this.setState({
+		currentTool: t.find((t) => t.type === e),
+		labelModeEnabled: e === "label"
+	});
+	render() {
+		let { currentTool: t, labelModeEnabled: n } = this.state, { axesSettings: r, className: s, coordinatesOnHover: u, collapsibleToolbar: p, collapsibleToolbarTitle: m, disabled: h, disabledLabels: g, disabledTitle: _, domain: v, draggableTools: x, labels: S, labelsPlaceholders: C, onChangeLabels: k, onChangeMarks: j, onChangeTitle: M, onChangeTools: N, onUndo: P, onRedo: F, onReset: I, range: L, size: R, showLabels: z, showPixelGuides: B, showTitle: V, title: H, titlePlaceholder: U, language: W, removeIncompleteTool: G, limitLabeling: K } = this.props, { backgroundMarks: q, marks: J, toolbarTools: Y } = this.props;
+		Y = l(Y || []).filter((e) => !!c(e)) || [], q = D(q || []), J = O(Y, J || []);
+		let X = w(Y);
+		(!t || !T(X, t)) && (t = E(X));
+		let Z = /* @__PURE__ */ f(o.Fragment, { children: [/* @__PURE__ */ d(i, {
+			currentToolType: t && t.type,
+			disabled: !!h,
+			draggableTools: x,
+			labelModeEnabled: n,
+			onChange: (e) => this.changeCurrentTool(e, X),
+			toolbarTools: Y,
+			onChangeTools: N,
+			language: W
+		}), !h && /* @__PURE__ */ d(a, {
+			onUndo: P,
+			onRedo: F,
+			onReset: I,
+			language: W
+		})] });
+		return /* @__PURE__ */ f(y, {
+			className: s,
+			children: [
+				/* @__PURE__ */ d(b, { children: p ? /* @__PURE__ */ d(A, {
+					title: m,
+					children: Z
+				}) : Z }),
+				/* @__PURE__ */ d("div", { ref: (e) => this.labelNode = e }),
+				/* @__PURE__ */ d(e, {
+					axesSettings: r,
+					backgroundMarks: q,
+					coordinatesOnHover: u,
+					currentTool: t,
+					disabledLabels: g,
+					disabledTitle: _,
+					domain: v,
+					labels: S,
+					labelModeEnabled: n,
+					labelsPlaceholders: C,
+					marks: J,
+					onChangeMarks: h ? void 0 : j,
+					onChangeLabels: k,
+					onChangeTitle: M,
+					range: L,
+					size: R,
+					showLabels: z,
+					showPixelGuides: B,
+					showTitle: V,
+					title: H,
+					titlePlaceholder: U,
+					tools: X,
+					removeIncompleteTool: G,
+					limitLabeling: K
+				})
+			]
+		});
+	}
+};
+//#endregion
+export { j as default };

package/dist/graph.d.ts

@@ -0,0 +1,126 @@
+/**
+ * @synced-from pie-lib/packages/graphing/src/graph.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 graphPropTypes: {
+    axesSettings: PropTypes.Requireable<PropTypes.InferProps<{
+        includeArrows: PropTypes.Requireable<object>;
+        graphProps: PropTypes.Requireable<object>;
+    }>>;
+    backgroundMarks: PropTypes.Requireable<any[]>;
+    className: PropTypes.Requireable<string>;
+    collapsibleToolbar: PropTypes.Requireable<boolean>;
+    collapsibleToolbarTitle: PropTypes.Requireable<string>;
+    disabledLabels: PropTypes.Requireable<boolean>;
+    disabledTitle: PropTypes.Requireable<boolean>;
+    domain: PropTypes.Requireable<PropTypes.InferProps<{
+        min: PropTypes.Validator<number>;
+        max: PropTypes.Validator<number>;
+        step: PropTypes.Requireable<number>;
+    }>>;
+    labels: PropTypes.Requireable<PropTypes.InferProps<{
+        left: PropTypes.Requireable<string>;
+        top: PropTypes.Requireable<string>;
+        bottom: PropTypes.Requireable<string>;
+        right: PropTypes.Requireable<string>;
+    }>>;
+    labelModeEnabled: PropTypes.Requireable<boolean>;
+    coordinatesOnHover: PropTypes.Requireable<boolean>;
+    marks: PropTypes.Requireable<any[]>;
+    onChangeLabels: PropTypes.Requireable<(...args: any[]) => any>;
+    onChangeMarks: PropTypes.Requireable<(...args: any[]) => any>;
+    onChangeTitle: PropTypes.Requireable<(...args: any[]) => any>;
+    range: PropTypes.Requireable<PropTypes.InferProps<{
+        min: PropTypes.Validator<number>;
+        max: PropTypes.Validator<number>;
+        step: PropTypes.Requireable<number>;
+    }>>;
+    size: PropTypes.Requireable<PropTypes.InferProps<{
+        width: PropTypes.Validator<number>;
+        height: PropTypes.Validator<number>;
+    }>>;
+    showLabels: PropTypes.Requireable<boolean>;
+    showPixelGuides: PropTypes.Requireable<boolean>;
+    showTitle: PropTypes.Requireable<boolean>;
+    title: PropTypes.Requireable<string>;
+    tools: PropTypes.Requireable<any[]>;
+    limitLabeling: PropTypes.Requireable<boolean>;
+};
+export declare const removeBuildingToolIfCurrentToolDiffers: ({ marks, currentTool, onChangeMarks, removeIncompleteTool }: {
+    marks: any;
+    currentTool: any;
+    onChangeMarks: any;
+    removeIncompleteTool: any;
+}) => any;
+export declare class Graph extends React.Component {
+    constructor(props: any);
+    static propTypes: {
+        currentTool: PropTypes.Requireable<object>;
+        axesSettings: PropTypes.Requireable<PropTypes.InferProps<{
+            includeArrows: PropTypes.Requireable<object>;
+            graphProps: PropTypes.Requireable<object>;
+        }>>;
+        backgroundMarks: PropTypes.Requireable<any[]>;
+        className: PropTypes.Requireable<string>;
+        collapsibleToolbar: PropTypes.Requireable<boolean>;
+        collapsibleToolbarTitle: PropTypes.Requireable<string>;
+        disabledLabels: PropTypes.Requireable<boolean>;
+        disabledTitle: PropTypes.Requireable<boolean>;
+        domain: PropTypes.Requireable<PropTypes.InferProps<{
+            min: PropTypes.Validator<number>;
+            max: PropTypes.Validator<number>;
+            step: PropTypes.Requireable<number>;
+        }>>;
+        labels: PropTypes.Requireable<PropTypes.InferProps<{
+            left: PropTypes.Requireable<string>;
+            top: PropTypes.Requireable<string>;
+            bottom: PropTypes.Requireable<string>;
+            right: PropTypes.Requireable<string>;
+        }>>;
+        labelModeEnabled: PropTypes.Requireable<boolean>;
+        coordinatesOnHover: PropTypes.Requireable<boolean>;
+        marks: PropTypes.Requireable<any[]>;
+        onChangeLabels: PropTypes.Requireable<(...args: any[]) => any>;
+        onChangeMarks: PropTypes.Requireable<(...args: any[]) => any>;
+        onChangeTitle: PropTypes.Requireable<(...args: any[]) => any>;
+        range: PropTypes.Requireable<PropTypes.InferProps<{
+            min: PropTypes.Validator<number>;
+            max: PropTypes.Validator<number>;
+            step: PropTypes.Requireable<number>;
+        }>>;
+        size: PropTypes.Requireable<PropTypes.InferProps<{
+            width: PropTypes.Validator<number>;
+            height: PropTypes.Validator<number>;
+        }>>;
+        showLabels: PropTypes.Requireable<boolean>;
+        showPixelGuides: PropTypes.Requireable<boolean>;
+        showTitle: PropTypes.Requireable<boolean>;
+        title: PropTypes.Requireable<string>;
+        tools: PropTypes.Requireable<any[]>;
+        limitLabeling: PropTypes.Requireable<boolean>;
+    };
+    static defaultProps: {
+        onChangeMarks: () => void;
+        disabledLabels: boolean;
+        disabledTitle: boolean;
+    };
+    state: {};
+    _justDragged: boolean;
+    startDrag: any;
+    stopDrag: any;
+    generateMaskId(): string;
+    componentDidMount: () => void;
+    changeMark: any;
+    completeMark: any;
+    updateMarks: any;
+    getComponent: any;
+    onBgClick: any;
+    render(): React.JSX.Element;
+}
+export default Graph;

package/dist/graph.js

@@ -0,0 +1,209 @@
+import { isDuplicatedMark as e } from "./utils.js";
+import t, { AxisPropTypes as n } from "./axis/axes.js";
+import r from "./grid.js";
+import { LabelType as i } from "./labels.js";
+import a from "./bg.js";
+import o from "react";
+import s from "prop-types";
+import { cloneDeep as c, isEqual as l } from "lodash-es";
+import { Root as u, createGraphProps as d, types as f } from "@pie-lib/plot";
+import p from "debug";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/graph.tsx
+var g = p("pie-lib:graphing:graph"), _ = {
+	axesSettings: s.shape(n),
+	backgroundMarks: s.array,
+	className: s.string,
+	collapsibleToolbar: s.bool,
+	collapsibleToolbarTitle: s.string,
+	disabledLabels: s.bool,
+	disabledTitle: s.bool,
+	domain: f.DomainType,
+	labels: s.shape(i),
+	labelModeEnabled: s.bool,
+	coordinatesOnHover: s.bool,
+	marks: s.array,
+	onChangeLabels: s.func,
+	onChangeMarks: s.func,
+	onChangeTitle: s.func,
+	range: f.DomainType,
+	size: s.shape({
+		width: s.number.isRequired,
+		height: s.number.isRequired
+	}),
+	showLabels: s.bool,
+	showPixelGuides: s.bool,
+	showTitle: s.bool,
+	title: s.string,
+	tools: s.array,
+	limitLabeling: s.bool
+}, v = (e) => ({
+	x: -23,
+	y: -23,
+	width: e.width + 46,
+	height: e.height + 46
+}), y = ({ marks: e, currentTool: t, onChangeMarks: n, removeIncompleteTool: r }) => {
+	let i = e.filter((e) => e.building)[0], a = c(e);
+	if (i && t && i.type !== t.type) {
+		let e = a.findIndex((e) => l(e, i));
+		e >= 0 && a.splice(e, 1);
+	}
+	return r && !l(a, e) && n(a), a;
+}, b = class extends o.Component {
+	constructor(e) {
+		super(e), this.maskUid = this.generateMaskId();
+	}
+	static propTypes = {
+		..._,
+		currentTool: s.object
+	};
+	static defaultProps = {
+		onChangeMarks: () => {},
+		disabledLabels: !1,
+		disabledTitle: !1
+	};
+	state = {};
+	_justDragged = !1;
+	startDrag = () => {
+		this._justDragged = !1;
+	};
+	stopDrag = () => {
+		this._justDragged = !0, setTimeout(() => {
+			this._justDragged = !1;
+		}, 300);
+	};
+	generateMaskId() {
+		return "graph-" + (Math.random() * 1e4).toFixed();
+	}
+	componentDidMount = () => this.setState({ labelNode: this.labelNode });
+	changeMark = (t, n) => {
+		let { onChangeMarks: r, marks: i } = this.props, a = c(i), o = a.findIndex((e) => l(e, t));
+		o >= 0 && !e(n, i, t) && (a.splice(o, 1, n), r(a));
+	};
+	completeMark = (e) => {
+		let { currentTool: t, marks: n } = this.props, r = n.filter((e) => e.building)[0];
+		if (!r || !t) return;
+		let i = t.complete(r, e);
+		this.updateMarks(r, i);
+	};
+	updateMarks = (t, n, r = !1) => {
+		let { onChangeMarks: i, marks: a } = this.props, o = c(a);
+		if (!n || !n.building && e(n, a)) return;
+		let s = o.findIndex((e) => l(e, t));
+		s >= 0 ? (o.splice(s, 1, n), i(o)) : r && i([...o, n]);
+	};
+	getComponent = (e) => {
+		if (!e) return null;
+		let t = (this.props.tools || []).find((t) => t.type === e.type);
+		return t && t.Component || null;
+	};
+	onBgClick = (e) => {
+		let { x: t, y: n } = e || {}, { labelModeEnabled: r, currentTool: i, marks: a } = this.props;
+		if (this._justDragged || r || !i || [null, void 0].includes(t) || [null, void 0].includes(n)) return;
+		g("[onBgClick] x,y: ", t, n);
+		let o = a.filter((e) => e.building)[0], s;
+		s = o && i && o.type === i.type ? i.addPoint({
+			x: t,
+			y: n
+		}, { ...o }) : i.addPoint({
+			x: t,
+			y: n
+		}, void 0), this.updateMarks(o, s, !0);
+	};
+	render() {
+		let { axesSettings: e, currentTool: n, coordinatesOnHover: i, size: o, disabledLabels: s, disabledTitle: c, domain: l, backgroundMarks: f, range: p, title: g, labels: _, labelModeEnabled: b, labelsPlaceholders: x, limitLabeling: S, showLabels: C, showPixelGuides: w, showTitle: T, titlePlaceholder: E, onChangeLabels: D, onChangeTitle: O, mathMlOptions: k = {}, onChangeMarks: A, removeIncompleteTool: j } = this.props, { marks: M } = this.props, N = d(l, p, o, () => this.rootNode), P = v(o), F = {
+			graphProps: N,
+			labelModeEnabled: b,
+			limitLabeling: S
+		};
+		return M = y({
+			marks: M || [],
+			currentTool: n,
+			onChangeMarks: A,
+			removeIncompleteTool: j
+		}), /* @__PURE__ */ m(u, {
+			rootRef: (e) => this.rootNode = e,
+			disabledTitle: c,
+			disabledLabels: s,
+			labels: _,
+			labelsPlaceholders: x || {},
+			showPixelGuides: w,
+			showLabels: C,
+			showTitle: T,
+			title: g,
+			titlePlaceholder: E,
+			onChangeTitle: O,
+			onChangeLabels: D,
+			mathMlOptions: k,
+			...F,
+			children: /* @__PURE__ */ h("g", {
+				transform: l && l.padding && l.range ? `translate(${l.padding}, ${p.padding})` : void 0,
+				children: [
+					/* @__PURE__ */ m(r, { ...F }),
+					/* @__PURE__ */ m(t, {
+						...e,
+						...F
+					}),
+					/* @__PURE__ */ m(a, {
+						...o,
+						onClick: this.onBgClick,
+						...F
+					}),
+					/* @__PURE__ */ h("mask", {
+						id: `${this.maskUid}`,
+						children: [/* @__PURE__ */ m("rect", {
+							...P,
+							fill: "white"
+						}), " "]
+					}),
+					/* @__PURE__ */ h("g", {
+						id: "marks",
+						mask: `url('#${this.maskUid}')`,
+						children: [
+							(f || []).map((e, t) => {
+								let n = this.getComponent(e), r = e.type;
+								return /* @__PURE__ */ m(n, {
+									mark: {
+										...e,
+										disabled: !0,
+										isBackground: !0
+									},
+									labelNode: this.state.labelNode,
+									onClick: this.onBgClick,
+									...F
+								}, `${r}-${t}-bg`);
+							}),
+							M.map((e, t) => {
+								let r = this.getComponent(e), a = e.type;
+								return /* @__PURE__ */ m(r, {
+									mark: e,
+									coordinatesOnHover: i,
+									onChange: this.changeMark,
+									onComplete: this.completeMark,
+									onClick: this.onBgClick,
+									onDragStart: this.startDrag,
+									onDragStop: this.stopDrag,
+									labelNode: this.state.labelNode,
+									isToolActive: n && a === n.type,
+									...F
+								}, `${a}-${t}`);
+							}),
+							/* @__PURE__ */ m("foreignObject", {
+								ref: (e) => this.labelNode = e,
+								x: "0",
+								y: "0",
+								...o,
+								style: {
+									pointerEvents: "none",
+									fontSize: "14px"
+								}
+							})
+						]
+					})
+				]
+			})
+		});
+	}
+};
+//#endregion
+export { b as default, _ as graphPropTypes };