@weasel-js/ui 0.5.1 → 0.6.0

package/dist/chunks/CurveEditor-BEQtef4P.js

@@ -0,0 +1,786 @@
+import { i as e, n as t, r as n, t as r } from "./Plot2D-CEnhzodm.js";
+import { useCallback as i, useEffect as a, useMemo as o, useRef as s, useState as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/components/CurveEditor/catmullRom.ts
+function f(e, t, n) {
+	let r = t.x - e.x, i = t.y - e.y;
+	return Math.sqrt(r * r + i * i) ** +n;
+}
+function p(e, t, n, r, i, a = .5) {
+	let o = 0 + f(e, t, a), s = o + f(t, n, a), c = s + f(n, r, a);
+	if (s - o === 0) return {
+		x: t.x + (n.x - t.x) * i,
+		y: t.y + (n.y - t.y) * i
+	};
+	let l = o + i * (s - o), u = ((o - l) * e.x + (l - 0) * t.x) / (o - 0), d = ((o - l) * e.y + (l - 0) * t.y) / (o - 0), p = ((s - l) * t.x + (l - o) * n.x) / (s - o), m = ((s - l) * t.y + (l - o) * n.y) / (s - o), h = ((c - l) * n.x + (l - s) * r.x) / (c - s), g = ((c - l) * n.y + (l - s) * r.y) / (c - s), _ = ((s - l) * u + (l - 0) * p) / (s - 0), v = ((s - l) * d + (l - 0) * m) / (s - 0), y = ((c - l) * p + (l - o) * h) / (c - o), b = ((c - l) * m + (l - o) * g) / (c - o);
+	return {
+		x: ((s - l) * _ + (l - o) * y) / (s - o),
+		y: ((s - l) * v + (l - o) * b) / (s - o)
+	};
+}
+function m(e, t, n = .5) {
+	if (e.length < 2) return [];
+	t < 1 && (t = 1);
+	let r = e.length, i = [], a = {
+		x: 2 * e[0].x - e[1].x,
+		y: 2 * e[0].y - e[1].y
+	}, o = {
+		x: 2 * e[r - 1].x - e[r - 2].x,
+		y: 2 * e[r - 1].y - e[r - 2].y
+	};
+	for (let s = 0; s < r - 1; s++) {
+		let c = s === 0 ? a : e[s - 1], l = e[s], u = e[s + 1], d = s + 2 < r ? e[s + 2] : o, f = s === 0 ? 0 : 1;
+		for (let e = f; e <= t; e++) {
+			if (e === 0) {
+				i.push(l);
+				continue;
+			}
+			if (e === t) {
+				i.push(u);
+				continue;
+			}
+			let r = e / t;
+			i.push(p(c, l, u, d, r, n));
+		}
+	}
+	return i;
+}
+//#endregion
+//#region src/components/CurveEditor/monotone.ts
+function h(e) {
+	let t = e.length;
+	if (t === 0) return [];
+	if (t === 1) return [0];
+	let n = Array(t - 1);
+	for (let r = 0; r < t - 1; r++) n[r] = e[r + 1] - e[r];
+	let r = Array(t);
+	r[0] = n[0], r[t - 1] = n[t - 2];
+	for (let e = 1; e < t - 1; e++) if (n[e - 1] * n[e] <= 0) r[e] = 0;
+	else {
+		let t = (n[e - 1] + n[e]) / 2, i = Math.min(Math.abs(n[e - 1]), Math.abs(n[e]), Math.abs(t));
+		r[e] = Math.sign(t) * i;
+	}
+	return r;
+}
+function g(e, t, n, r, i) {
+	let a = i * i, o = a * i;
+	return (2 * o - 3 * a + 1) * e + (o - 2 * a + i) * n + (-2 * o + 3 * a) * t + (o - a) * r;
+}
+function _(e, t) {
+	if (e.length < 2) return [];
+	t < 1 && (t = 1);
+	let n = e.length, r = e.map((e) => e.x), i = e.map((e) => e.y), a = h(r), o = h(i), s = [];
+	for (let c = 0; c < n - 1; c++) {
+		let n = c === 0 ? 0 : 1;
+		for (let l = n; l <= t; l++) {
+			if (l === 0) {
+				s.push(e[c]);
+				continue;
+			}
+			if (l === t) {
+				s.push(e[c + 1]);
+				continue;
+			}
+			let n = l / t;
+			s.push({
+				x: g(r[c], r[c + 1], a[c], a[c + 1], n),
+				y: g(i[c], i[c + 1], o[c], o[c + 1], n)
+			});
+		}
+	}
+	return s;
+}
+//#endregion
+//#region src/components/CurveEditor/interpolation.ts
+function v(e, t) {
+	if (e.length < 2) return [];
+	t < 1 && (t = 1);
+	let n = [];
+	for (let r = 0; r < e.length - 1; r++) {
+		let i = e[r], a = e[r + 1], o = r === 0 ? 0 : 1;
+		for (let e = o; e <= t; e++) {
+			if (e === 0) {
+				n.push(i);
+				continue;
+			}
+			if (e === t) {
+				n.push(a);
+				continue;
+			}
+			let r = e / t;
+			n.push({
+				x: i.x + (a.x - i.x) * r,
+				y: i.y + (a.y - i.y) * r
+			});
+		}
+	}
+	return n;
+}
+function y(e, t, n) {
+	switch (n) {
+		case "linear": return v(e, t);
+		case "catmull-rom-uniform": return m(e, t, 0);
+		case "catmull-rom-chordal": return m(e, t, 1);
+		case "monotone": return _(e, t);
+		default: return m(e, t, .5);
+	}
+}
+//#endregion
+//#region src/components/CurveEditor/hitTest.ts
+function b(e, t, n) {
+	let r = n * n, i = null;
+	for (let n = 0; n < e.length; n++) {
+		let a = e[n], o = a.x - t.x, s = a.y - t.y, c = o * o + s * s;
+		c > r || (i === null || c < i.d2) && (i = {
+			index: n,
+			d2: c
+		});
+	}
+	return i ? { index: i.index } : null;
+}
+function x(e, t, n) {
+	let r = n * n, i = null;
+	for (let n = 0; n < e.length; n++) {
+		let a = e[n];
+		if (a.length < 2) continue;
+		let o = a.length - 1;
+		for (let e = 0; e < o; e++) {
+			let s = a[e], c = a[e + 1], l = c.x - s.x, u = c.y - s.y, d = t.x - s.x, f = t.y - s.y, p = l * l + u * u, m = p > 0 ? (d * l + f * u) / p : 0;
+			m < 0 ? m = 0 : m > 1 && (m = 1);
+			let h = s.x + m * l, g = s.y + m * u, _ = h - t.x, v = g - t.y, y = _ * _ + v * v;
+			if (y > r) continue;
+			let b = (e + m) / o;
+			(i === null || y < i.d2) && (i = {
+				segIdx: n,
+				t: b,
+				d2: y
+			});
+		}
+	}
+	return i ? {
+		segIdx: i.segIdx,
+		t: i.t
+	} : null;
+}
+var S = {
+	root: "_root_ybpym_1",
+	fill: "_fill_ybpym_19",
+	curve: "_curve_ybpym_25",
+	anchor: "_anchor_ybpym_32",
+	active: "_active_ybpym_43",
+	pinned: "_pinned_ybpym_48",
+	locked: "_locked_ybpym_55",
+	endpoint: "_endpoint_ybpym_63",
+	hidden: "_hidden_ybpym_71"
+}, C = 16, w = 12, T = 8;
+function E(e, t) {
+	let n = t.modelRange, r = Math.min(n.xMin, n.xMax), i = Math.max(n.xMin, n.xMax), a = Math.min(n.yMin, n.yMax), o = Math.max(n.yMin, n.yMax);
+	return {
+		x: Math.max(r, Math.min(i, e.x)),
+		y: Math.max(a, Math.min(o, e.y))
+	};
+}
+function D(e, t, n) {
+	return n === "free" ? !1 : e === 0 || e === t - 1;
+}
+function O(e, t) {
+	return e.map((e) => t.toPlot(e));
+}
+function k(e, t, n) {
+	if (e.length < 2) return [];
+	let r = y(e, C, t), i = [];
+	for (let t = 0; t < e.length - 1; t++) {
+		let e = t * C, a = e + C, o = r.slice(e, a + 1);
+		i.push(o.map((e) => n.toPlot(e)));
+	}
+	return i;
+}
+function A(e) {
+	return (e.constrain ?? "none") === "function" ? "monotone" : e.interpolation ?? "catmull-rom";
+}
+function j(t = {}) {
+	let n = t.id ?? "function", r = t.domain ?? "2d", i = t.endpoints ?? "free", a = t.constrain ?? "none", o = t.addPointMode ?? "click-curve", s = A(t), c = t.interactive !== !1, f = t.curve !== !1 && t.curve !== null;
+	function p(e, n) {
+		let { points: r, activeIndex: a } = e, o = O(r, n), p = "", m = null;
+		if (r.length >= 2) {
+			let e = y(r, C, s).map((e) => n.toPlot(e)), i = [`M${e[0].x.toFixed(2)},${e[0].y.toFixed(2)}`];
+			for (let t = 1; t < e.length; t++) i.push(`L${e[t].x.toFixed(2)},${e[t].y.toFixed(2)}`);
+			if (p = i.join(""), t.fill) {
+				let r = t.fill.side === "below" ? n.plotSize.height : 0, a = e[0], o = e[e.length - 1], s = [...i];
+				s.push(`L${o.x.toFixed(2)},${r.toFixed(2)}`), s.push(`L${a.x.toFixed(2)},${r.toFixed(2)}`), s.push("Z"), m = s.join("");
+			}
+		}
+		return /* @__PURE__ */ d(l, { children: [
+			m && /* @__PURE__ */ u("path", {
+				"data-curve-element": "fill",
+				className: S.fill,
+				d: m,
+				fill: t.fill ? t.fill.color : void 0
+			}),
+			p && f && /* @__PURE__ */ u("path", {
+				className: S.curve,
+				d: p,
+				fill: "none"
+			}),
+			c && o.map((e, n) => {
+				let o = D(n, r.length, i), s = r[n]?.locked === !0;
+				if ((s || o) && t.hideNonInteractive) return null;
+				let c = a === n, l = f && (n === 0 || n === r.length - 1);
+				if (t.renderAnchor) {
+					let i = t.renderAnchor({
+						point: r[n],
+						index: n,
+						cx: e.x,
+						cy: e.y,
+						isActive: c,
+						isLocked: s,
+						isPinnedEndpoint: o,
+						isEndpoint: l
+					});
+					if (i != null) return /* @__PURE__ */ u("g", {
+						"data-anchor-index": n,
+						children: i
+					}, n);
+				}
+				let d = [
+					S.anchor,
+					l && S.endpoint,
+					(o || s) && S.pinned,
+					s && S.locked,
+					c && S.active
+				].filter(Boolean).join(" ");
+				if (l || s) {
+					let t = s ? 3.55 : 5;
+					return /* @__PURE__ */ u("rect", {
+						className: d,
+						x: e.x - t,
+						y: e.y - t,
+						width: t * 2,
+						height: t * 2,
+						transform: `rotate(45 ${e.x} ${e.y})`,
+						"data-anchor-index": n
+					}, n);
+				}
+				return /* @__PURE__ */ u("circle", {
+					className: d,
+					cx: e.x,
+					cy: e.y,
+					r: 4,
+					"data-anchor-index": n
+				}, n);
+			})
+		] });
+	}
+	function m(e, t, n) {
+		if (!c) return null;
+		let r = b(O(e.points, n), t, w);
+		if (r) return {
+			kind: "anchor",
+			payload: { index: r.index }
+		};
+		if (o === "click-curve" && f) {
+			let r = x(k(e.points, s, n), t, T);
+			if (r) return {
+				kind: "curve",
+				payload: {
+					segIdx: r.segIdx,
+					t: r.t
+				}
+			};
+		}
+		return null;
+	}
+	function h(e) {
+		return {
+			onMove(n, o, s, c) {
+				let l = n.points;
+				if (e < 0 || e >= l.length) return n;
+				let u = c.modelRange, d = t.xClamp ? t.xClamp[0] : u.xMin, f = t.xClamp ? t.xClamp[1] : u.xMax, p = o.x, m = o.y, h = e === 0 || e === l.length - 1;
+				if (i === "pinned-both" && h) p = e === 0 ? d : f, m = e === 0 ? u.yMin : u.yMax;
+				else if (i === "pinned-x" && h) p = e === 0 ? d : f;
+				else if (a === "function" || r === "1d") {
+					let t = a === "function" ? (f - d) / 1e3 : 0, n = e > 0 ? l[e - 1].x + t : d, r = e < l.length - 1 ? l[e + 1].x - t : f;
+					p = Math.max(n, Math.min(r, p));
+				}
+				p = Math.max(Math.min(d, f), Math.min(Math.max(d, f), p));
+				let g = E({
+					x: p,
+					y: m
+				}, c), _ = l.slice();
+				return _[e] = {
+					...l[e],
+					x: g.x,
+					y: g.y
+				}, {
+					...n,
+					points: _,
+					activeIndex: e
+				};
+			},
+			onCommit(e) {
+				return {
+					...e,
+					activeIndex: null
+				};
+			},
+			onCancel(e) {
+				return {
+					...e,
+					activeIndex: null
+				};
+			}
+		};
+	}
+	function g(o, s, c, l, u) {
+		if (s.kind === "anchor") {
+			let { index: r } = s.payload;
+			if (e("function-layer", "anchor-down", {
+				id: n,
+				index: r,
+				shift: l.modifiers.shift,
+				button: c.button
+			}), o.points[r]?.locked) return;
+			if (l.modifiers.shift) {
+				if (D(r, o.points.length, i) || t.minPoints !== void 0 && o.points.length <= t.minPoints) return;
+				u.commit({
+					...o,
+					points: o.points.filter((e, t) => t !== r),
+					activeIndex: null
+				});
+				return;
+			}
+			return c.button === 2 ? void 0 : (u.commit({
+				...o,
+				activeIndex: r
+			}), h(r));
+		}
+		if (s.kind === "curve") {
+			let { segIdx: e } = s.payload;
+			if (t.maxPoints !== void 0 && o.points.length >= t.maxPoints) return;
+			let n = e + 1, i = E(u.model, l);
+			if (a === "function" || r === "1d") {
+				let e = a === "function" ? (l.modelRange.xMax - l.modelRange.xMin) / 1e3 : 0, t = n > 0 ? o.points[n - 1] : null, r = n < o.points.length ? o.points[n] : null;
+				if (t && Math.abs(i.x - t.x) < e * 2) return u.commit({
+					...o,
+					activeIndex: n - 1
+				}), h(n - 1);
+				if (r && Math.abs(i.x - r.x) < e * 2) return u.commit({
+					...o,
+					activeIndex: n
+				}), h(n);
+			}
+			let c = [
+				...o.points.slice(0, n),
+				i,
+				...o.points.slice(n)
+			];
+			return u.commit({
+				...o,
+				points: c,
+				activeIndex: n
+			}), h(n);
+		}
+	}
+	function _(e, n, i, a, s) {
+		if (!c || o !== "click-empty" || t.maxPoints !== void 0 && e.points.length >= t.maxPoints) return;
+		let l = E(n, a), u = e.points.length;
+		if (r === "1d") {
+			for (let t = 0; t < e.points.length; t++) if (e.points[t].x > l.x) {
+				u = t;
+				break;
+			}
+		}
+		let d = [
+			...e.points.slice(0, u),
+			l,
+			...e.points.slice(u)
+		];
+		s.commit({
+			...e,
+			points: d,
+			activeIndex: null
+		});
+	}
+	return {
+		id: n,
+		render: p,
+		hitTest: m,
+		onPointerDown: g,
+		onEmptyPointerDown: _
+	};
+}
+function M(e) {
+	return {
+		points: e,
+		activeIndex: null
+	};
+}
+//#endregion
+//#region src/components/CurveEditor/LayeredCurveEditor.tsx
+function N(e) {
+	return {
+		shift: e.shiftKey,
+		alt: e.altKey,
+		meta: e.metaKey,
+		ctrl: e.ctrlKey
+	};
+}
+function P(l) {
+	let { layers: f, onLayerChange: p, onLayerCommit: m, width: h, height: g, xRange: _ = [0, 1], yRange: v = [0, 1], grid: y, axes: b, className: x, style: C, children: w } = l, T = l.history !== !1, E = o(() => ({
+		xMin: _[0],
+		xMax: _[1],
+		yMin: v[0],
+		yMax: v[1]
+	}), [_, v]), D = o(() => ({
+		width: h,
+		height: g
+	}), [h, g]), O = s(f);
+	O.current = f;
+	let k = s(E);
+	k.current = E;
+	let A = s(D);
+	A.current = D;
+	let j = s(null), M = i((e) => {
+		let r = k.current, i = A.current;
+		return {
+			modelRange: r,
+			plotSize: i,
+			toPlot: (e) => t(e, r, i),
+			toModel: (e) => n(e, r, i),
+			modifiers: e
+		};
+	}, []), P = s(null), [F, I] = c(null), L = s([]), R = s([]), z = i(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of O.current) e.set(t.layer.id, t.state);
+		return e;
+	}, []), B = i((e) => {
+		let t = O.current;
+		for (let n of t) {
+			let t = e.get(n.layer.id);
+			t !== void 0 && t !== n.state && p(n.layer.id, t);
+		}
+	}, [p]), V = i(() => {
+		if (!T) return;
+		let e = L.current;
+		if (e.length === 0) return;
+		let t = e.pop();
+		R.current.push(z()), B(t);
+	}, [
+		T,
+		z,
+		B
+	]), H = i(() => {
+		if (!T) return;
+		let e = R.current;
+		if (e.length === 0) return;
+		let t = e.pop();
+		L.current.push(z()), B(t);
+	}, [
+		T,
+		z,
+		B
+	]), U = s(() => {}), W = s(() => {}), G = s(() => {}), K = s((e) => U.current(e)).current, q = s((e) => W.current(e)).current, J = s((e) => G.current(e)).current, Y = i(() => {
+		window.removeEventListener("pointermove", K), window.removeEventListener("pointerup", q), window.removeEventListener("pointercancel", J), P.current = null, I(null);
+	}, [
+		K,
+		q,
+		J
+	]), X = i((e) => {
+		for (let t of O.current) if (t.layer.id === e) return t.state;
+	}, []);
+	U.current = (e) => {
+		let t = P.current;
+		if (!t || t.pointerId !== e.pointerId) return;
+		let n = j.current;
+		if (!n) return;
+		let r = n.clientToModel(e), i = X(t.layerId);
+		if (i === void 0) return;
+		let a = M(N(e)), o = t.gesture.onMove(i, r, e, a);
+		o !== i && p(t.layerId, o);
+	}, W.current = (e) => {
+		let t = P.current;
+		if (!t || t.pointerId !== e.pointerId) return;
+		let n = X(t.layerId);
+		if (n === void 0) {
+			Y();
+			return;
+		}
+		let r = M(N(e)), i = t.gesture.onCommit ? t.gesture.onCommit(n, r) : n;
+		i !== n && p(t.layerId, i), T && (L.current.push(t.startStates), R.current = []), m && m(t.layerId, i, t.startSelfState), Y();
+	}, G.current = (e) => {
+		let t = P.current;
+		if (!t || t.pointerId !== e.pointerId) return;
+		let n = X(t.layerId);
+		if (n === void 0) {
+			Y();
+			return;
+		}
+		let r = M(N(e)), i = t.gesture.onCancel ? t.gesture.onCancel(n, r) : t.startSelfState;
+		i !== n && p(t.layerId, i), Y();
+	};
+	let Z = i((e, t, n) => {
+		let r = z();
+		P.current = {
+			layerId: e,
+			pointerId: t,
+			gesture: n,
+			startStates: r,
+			startSelfState: r.get(e)
+		}, I(e), window.addEventListener("pointermove", K), window.addEventListener("pointerup", q), window.addEventListener("pointercancel", J);
+	}, [
+		z,
+		K,
+		q,
+		J
+	]), Q = i((t, n) => {
+		if (P.current) return;
+		let r = M(N(t)), i = O.current, a = t.nativeEvent;
+		e("layered-curve-editor", "pointerdown", {
+			plot: n.plot,
+			model: n.model,
+			layers: i.length
+		});
+		let o = z();
+		for (let e = i.length - 1; e >= 0; e--) {
+			let s = i[e], c = s.layer.hitTest?.(s.state, n.plot, r);
+			if (!c) continue;
+			let l = s.state, u, d = s.layer.onPointerDown?.(l, c, a, r, {
+				plot: n.plot,
+				model: n.model,
+				commit(e) {
+					u = e, p(s.layer.id, e);
+				}
+			});
+			if (t.stopPropagation(), d) {
+				Z(s.layer.id, t.pointerId, d);
+				return;
+			}
+			u !== void 0 && (T && (L.current.push(o), R.current = []), m?.(s.layer.id, u, l));
+			return;
+		}
+		let s = null;
+		for (let e = i.length - 1; e >= 0; e--) {
+			let c = i[e];
+			if (!c.layer.onEmptyPointerDown) continue;
+			let l = c.state, u, d = c.layer.onEmptyPointerDown(l, n.model, a, r, {
+				plot: n.plot,
+				model: n.model,
+				commit(e) {
+					u = e, p(c.layer.id, e);
+				}
+			});
+			if (d) {
+				Z(c.layer.id, t.pointerId, d), u !== void 0 && P.current !== null && (P.current.startStates = o, P.current.startSelfState = o.get(c.layer.id));
+				return;
+			}
+			if (u !== void 0) {
+				s = {
+					id: c.layer.id,
+					next: u,
+					prev: l
+				};
+				break;
+			}
+		}
+		s && (T && (L.current.push(o), R.current = []), m?.(s.id, s.next, s.prev));
+	}, [
+		M,
+		Z,
+		p,
+		m,
+		T,
+		z
+	]), $ = i((e) => {
+		let t = M(N(e)), n = O.current;
+		if (T && (e.metaKey || e.ctrlKey)) {
+			let t = e.key.toLowerCase();
+			if (t === "z") {
+				e.shiftKey ? H() : V(), e.preventDefault();
+				return;
+			}
+			if (t === "y") {
+				H(), e.preventDefault();
+				return;
+			}
+		}
+		for (let r = n.length - 1; r >= 0; r--) {
+			let i = n[r];
+			if (i.layer.onKeyDown?.(i.state, e.nativeEvent, t), e.isDefaultPrevented()) return;
+		}
+	}, [
+		T,
+		V,
+		H,
+		M
+	]);
+	a(() => () => {
+		window.removeEventListener("pointermove", K), window.removeEventListener("pointerup", q), window.removeEventListener("pointercancel", J);
+	}, [
+		K,
+		q,
+		J
+	]);
+	let ee = o(() => ({
+		modelRange: E,
+		plotSize: D,
+		toPlot: (e) => t(e, E, D),
+		toModel: (e) => n(e, E, D)
+	}), [E, D]);
+	return /* @__PURE__ */ d(r, {
+		ref: j,
+		className: [S.root, x].filter(Boolean).join(" "),
+		style: C,
+		width: h,
+		height: g,
+		xRange: _,
+		yRange: v,
+		grid: y,
+		axes: b,
+		tabIndex: T ? 0 : void 0,
+		onPointerDown: Q,
+		onKeyDown: $,
+		children: [w, f.map((e) => {
+			let t = {
+				...ee,
+				modifiers: {
+					shift: !1,
+					alt: !1,
+					meta: !1,
+					ctrl: !1
+				},
+				isActive: F === e.layer.id
+			};
+			return /* @__PURE__ */ u("g", {
+				"data-layer-id": e.layer.id,
+				children: e.layer.render(e.state, t)
+			}, e.layer.id);
+		})]
+	});
+}
+//#endregion
+//#region src/components/CurveEditor/CurveEditor.tsx
+function F(e) {
+	let { value: t, onChange: n, onChangeCommit: r, domain: l, endpoints: d, interpolation: f, constrain: p, addPointMode: m, minPoints: h, maxPoints: g, curve: _, fill: v, hideNonInteractive: y, renderAnchor: b, width: x, height: S, xRange: C, yRange: w, grid: T, axes: E, history: D, className: O, style: k, decorations: A } = e, M = o(() => j({
+		id: "function",
+		domain: l,
+		endpoints: d,
+		interpolation: f,
+		constrain: p,
+		addPointMode: m,
+		minPoints: h,
+		maxPoints: g,
+		curve: _,
+		fill: v,
+		hideNonInteractive: y,
+		renderAnchor: b
+	}), [
+		l,
+		d,
+		f,
+		p,
+		m,
+		h,
+		g,
+		_,
+		v,
+		y,
+		b
+	]), [N, F] = c(() => ({
+		points: t,
+		activeIndex: null
+	})), I = s(N);
+	I.current = N, a(() => {
+		I.current.activeIndex === null && I.current.points !== t && F({
+			points: t,
+			activeIndex: null
+		});
+	}, [t]);
+	let L = i((e, t) => {
+		let r = t, i = I.current.points;
+		F(r), r.points !== i && n(r.points);
+	}, [n]), R = i((e, t, n) => {
+		if (!r) return;
+		let i = t, a = n;
+		i.points !== a.points && r(i.points, a.points);
+	}, [r]);
+	return /* @__PURE__ */ u("div", {
+		onContextMenu: i((e) => {
+			let t = e.target?.closest?.("[data-anchor-index]");
+			if (!t) return;
+			e.preventDefault(), e.stopPropagation();
+			let i = t.getAttribute("data-anchor-index");
+			if (i === null) return;
+			let a = Number(i), o = I.current.points;
+			if (!Number.isInteger(a) || a < 0 || a >= o.length || o[a]?.locked || d !== void 0 && d !== "free" && (a === 0 || a === o.length - 1) || h !== void 0 && o.length <= h) return;
+			let s = o.filter((e, t) => t !== a);
+			F({
+				points: s,
+				activeIndex: null
+			}), n(s), r?.(s, o);
+		}, [
+			d,
+			h,
+			n,
+			r
+		]),
+		style: { display: "contents" },
+		children: /* @__PURE__ */ u(P, {
+			layers: o(() => [{
+				layer: M,
+				state: N
+			}], [M, N]),
+			onLayerChange: L,
+			onLayerCommit: R,
+			width: x,
+			height: S,
+			xRange: C,
+			yRange: w,
+			grid: T,
+			axes: E,
+			history: D,
+			className: O,
+			style: k,
+			children: A
+		})
+	});
+}
+//#endregion
+//#region src/components/CurveEditor/setCurveOp.ts
+function I(e) {
+	let { id: t, from: n, to: r, label: i, coalesceKey: a } = e;
+	return {
+		name: "setCurve",
+		args: {
+			id: t,
+			from: n,
+			to: r,
+			label: i,
+			coalesceKey: a
+		},
+		label: i,
+		coalesceKey: a,
+		apply(e) {
+			if (L(n, r)) return !1;
+			e.setValue(t, r);
+		},
+		invert() {
+			return I({
+				id: t,
+				from: r,
+				to: n,
+				label: i,
+				coalesceKey: a
+			});
+		}
+	};
+}
+function L(e, t) {
+	if (e === t) return !0;
+	if (e.length !== t.length) return !1;
+	for (let n = 0; n < e.length; n++) if (e[n].x !== t[n].x || e[n].y !== t[n].y) return !1;
+	return !0;
+}
+//#endregion
+export { M as a, j as i, F as n, y as o, P as r, I as t };
+
+//# sourceMappingURL=CurveEditor-BEQtef4P.js.map