@weasel-js/ui 1.4.4 → 1.5.0

package/dist/chunks/CurveEditor-DtjdpJVB.js

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