@weasel-js/ui 1.5.0 → 1.5.2

package/dist/chunks/{CurveEditor-Cj0lLiyR.js → CurveEditor-DXwSP-iA.js}

@@ -1,25 +1,25 @@
 import { t as e } from "./dlog-CMYiRF3Q.js";
-import { a as t, c as n, o as r, s as i } from "./createKeyframeLayer-AL4jP0EX.js";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
-import { useCallback as c, useEffect as l, useMemo as u, useRef as d, useState as f } from "react";
+import { a as t, i as n, l as r, s as i, u as a } from "./createKeyframeLayer-DKtO0Sw_.js";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useCallback as l, useEffect as u, useMemo as d, useRef as f, useState as p } from "react";
 //#region src/components/CurveEditor/catmullRom.ts
-function p(e, t, n) {
+function m(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);
+function h(e, t, n, r, i, a = .5) {
+	let o = 0 + m(e, t, a), s = o + m(t, n, a), c = s + m(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);
+	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), p = ((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) * p) / (s - 0), y = ((c - l) * f + (l - o) * h) / (c - o), b = ((c - l) * p + (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) {
+function g(e, t, n = .5) {
 	if (e.length < 2) return [];
 	t < 1 && (t = 1);
 	let r = e.length, i = [], a = {
@@ -41,14 +41,14 @@ function h(e, t, n = .5) {
 				continue;
 			}
 			let r = e / t;
-			i.push(m(c, l, u, d, r, n));
+			i.push(h(c, l, u, d, r, n));
 		}
 	}
 	return i;
 }
 //#endregion
 //#region src/components/CurveEditor/monotone.ts
-function g(e) {
+function _(e) {
 	let t = e.length;
 	if (t === 0) return [];
 	if (t === 1) return [0];
@@ -63,14 +63,14 @@ function g(e) {
 	}
 	return r;
 }
-function _(e, t, n, r, i) {
+function v(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) {
+function y(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 = [];
+	let n = e.length, r = e.map((e) => e.x), i = e.map((e) => e.y), a = _(r), o = _(i), s = [];
 	for (let c = 0; c < n - 1; c++) {
 		let n = c === 0 ? 0 : 1;
 		for (let l = n; l <= t; l++) {
@@ -84,8 +84,8 @@ function v(e, t) {
 			}
 			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)
+				x: v(r[c], r[c + 1], a[c], a[c + 1], n),
+				y: v(i[c], i[c + 1], o[c], o[c + 1], n)
 			});
 		}
 	}
@@ -93,7 +93,7 @@ function v(e, t) {
 }
 //#endregion
 //#region src/components/CurveEditor/interpolation.ts
-function y(e, t) {
+function b(e, t) {
 	if (e.length < 2) return [];
 	t < 1 && (t = 1);
 	let n = [];
@@ -117,165 +117,165 @@ function y(e, t) {
 	}
 	return n;
 }
-function b(e, t, n) {
+function x(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);
+		case "linear": return b(e, t);
+		case "catmull-rom-uniform": return g(e, t, 0);
+		case "catmull-rom-chordal": return g(e, t, 1);
+		case "monotone": return y(e, t);
+		default: return g(e, t, .5);
 	}
 }
 //#endregion
 //#region src/components/CurveEditor/createFunctionLayer.tsx
-var x = 16, S = 12, C = 8, w = .01, T = 10, E = (e) => String(Number(e.toFixed(3)));
-function D(e, t) {
+var S = 16, C = i("--wzl-handle-size-lg"), w = i("--wzl-handle-size-sm"), T = 12, E = 8, D = .01, O = 10, k = (e) => String(Number(e.toFixed(3)));
+function A(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) {
+function j(e, t, n) {
 	return n === "free" ? !1 : e === 0 || e === t - 1;
 }
-function k(e, t) {
+function M(e, t) {
 	return e.map((e) => t.toPlot(e));
 }
-function A(e, t, n) {
+function N(e, t, n) {
 	if (e.length < 2) return [];
-	let r = b(e, x, t), i = [];
+	let r = x(e, S, t), i = [];
 	for (let t = 0; t < e.length - 1; t++) {
-		let e = t * x, a = e + x, o = r.slice(e, a + 1);
+		let e = t * S, a = e + S, o = r.slice(e, a + 1);
 		i.push(o.map((e) => n.toPlot(e)));
 	}
 	return i;
 }
-function j(e) {
+function P(e) {
 	return (e.constrain ?? "none") === "function" ? "monotone" : e.interpolation ?? "catmull-rom";
 }
-function M(t = {}) {
-	let c = t.id ?? "function", l = t.domain ?? "2d", u = t.endpoints ?? "free", d = t.constrain ?? "none", f = t.addPointMode ?? "click-curve", p = j(t), m = t.interactive !== !1, h = t.curve !== !1 && t.curve !== null;
-	function g(e, n) {
-		let { points: i, activeIndex: c } = e, l = k(i, n), d = "", f = null;
+function F(n = {}) {
+	let i = n.id ?? "function", l = n.domain ?? "2d", u = n.endpoints ?? "free", d = n.constrain ?? "none", f = n.addPointMode ?? "click-curve", p = P(n), m = n.interactive !== !1, h = n.curve !== !1 && n.curve !== null;
+	function g(e, r) {
+		let { points: i, activeIndex: a } = e, l = M(i, r), d = "", f = null;
 		if (i.length >= 2) {
-			let e = b(i, x, p).map((e) => n.toPlot(e)), r = [`M${e[0].x.toFixed(2)},${e[0].y.toFixed(2)}`];
-			for (let t = 1; t < e.length; t++) r.push(`L${e[t].x.toFixed(2)},${e[t].y.toFixed(2)}`);
-			if (d = r.join(""), t.fill) {
-				let i = t.fill.side === "below" ? n.plotSize.height : 0, a = e[0], o = e[e.length - 1], s = [...r];
+			let e = x(i, S, p).map((e) => r.toPlot(e)), t = [`M${e[0].x.toFixed(2)},${e[0].y.toFixed(2)}`];
+			for (let n = 1; n < e.length; n++) t.push(`L${e[n].x.toFixed(2)},${e[n].y.toFixed(2)}`);
+			if (d = t.join(""), n.fill) {
+				let i = n.fill.side === "below" ? r.plotSize.height : 0, a = e[0], o = e[e.length - 1], s = [...t];
 				s.push(`L${o.x.toFixed(2)},${i.toFixed(2)}`), s.push(`L${a.x.toFixed(2)},${i.toFixed(2)}`), s.push("Z"), f = s.join("");
 			}
 		}
-		return /* @__PURE__ */ s(a, { children: [
-			f && /* @__PURE__ */ o("path", {
+		return /* @__PURE__ */ c(o, { children: [
+			f && /* @__PURE__ */ s("path", {
 				"data-curve-element": "fill",
-				className: r.fill,
+				className: t.fill,
 				d: f,
-				fill: t.fill ? t.fill.color : void 0
+				fill: n.fill ? n.fill.color : void 0
 			}),
-			d && h && /* @__PURE__ */ o("path", {
-				className: r.curve,
+			d && h && /* @__PURE__ */ s("path", {
+				className: t.curve,
 				d,
 				fill: "none"
 			}),
-			m && l.map((e, n) => {
-				let a = O(n, i.length, u), s = i[n]?.locked === !0;
-				if ((s || a) && t.hideNonInteractive) return null;
-				let l = c === n, d = h && (n === 0 || n === i.length - 1), f = {
-					...!s && !(u === "pinned-both" && a) ? { tabIndex: 0 } : {},
+			m && l.map((e, r) => {
+				let o = j(r, i.length, u), c = i[r]?.locked === !0;
+				if ((c || o) && n.hideNonInteractive) return null;
+				let l = a === r, d = h && (r === 0 || r === i.length - 1), f = {
+					...!c && !(u === "pinned-both" && o) ? { tabIndex: 0 } : {},
 					role: "button",
-					"aria-label": `${t.label ?? "Point"} ${n + 1} at ${E(i[n].x)}, ${E(i[n].y)}`
+					"aria-label": `${n.label ?? "Point"} ${r + 1} at ${k(i[r].x)}, ${k(i[r].y)}`
 				};
-				if (t.renderAnchor) {
-					let r = t.renderAnchor({
-						point: i[n],
-						index: n,
+				if (n.renderAnchor) {
+					let t = n.renderAnchor({
+						point: i[r],
+						index: r,
 						cx: e.x,
 						cy: e.y,
 						isActive: l,
-						isLocked: s,
-						isPinnedEndpoint: a,
+						isLocked: c,
+						isPinnedEndpoint: o,
 						isEndpoint: d
 					});
-					if (r != null) return /* @__PURE__ */ o("g", {
-						"data-anchor-index": n,
+					if (t != null) return /* @__PURE__ */ s("g", {
+						"data-anchor-index": r,
 						...f,
-						children: r
-					}, n);
+						children: t
+					}, r);
 				}
 				let p = [
-					r.anchor,
-					d && r.endpoint,
-					(a || s) && r.pinned,
-					s && r.locked,
-					l && r.active
+					t.anchor,
+					d && t.endpoint,
+					(o || c) && t.pinned,
+					c && t.locked,
+					l && t.active
 				].filter(Boolean).join(" ");
-				if (d || s) {
-					let t = s ? 3.55 : 5;
-					return /* @__PURE__ */ o("rect", {
+				if (d || c) {
+					let t = c ? w : C;
+					return /* @__PURE__ */ s("rect", {
 						className: p,
 						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,
+						"data-anchor-index": r,
 						...f
-					}, n);
+					}, r);
 				}
-				return /* @__PURE__ */ o("circle", {
+				return /* @__PURE__ */ s("circle", {
 					className: p,
 					cx: e.x,
 					cy: e.y,
 					r: 4,
-					"data-anchor-index": n,
+					"data-anchor-index": r,
 					...f
-				}, n);
+				}, r);
 			})
 		] });
 	}
-	function _(e, t, r) {
+	function _(e, t, n) {
 		if (!m) return null;
-		let a = i(k(e.points, r), t, S);
-		if (a) return {
+		let i = r(M(e.points, n), t, T);
+		if (i) return {
 			kind: "anchor",
-			payload: { index: a.index }
+			payload: { index: i.index }
 		};
 		if (f === "click-curve" && h) {
-			let i = n(A(e.points, p, r), t, C);
-			if (i) return {
+			let r = a(N(e.points, p, n), t, E);
+			if (r) return {
 				kind: "curve",
 				payload: {
-					segIdx: i.segIdx,
-					t: i.t
+					segIdx: r.segIdx,
+					t: r.t
 				}
 			};
 		}
 		return null;
 	}
-	function v(e, n, r, i) {
+	function v(e, t, r, i) {
 		let a = e.points;
-		if (n < 0 || n >= a.length) return e;
-		let o = i.modelRange, s = t.xClamp ? t.xClamp[0] : o.xMin, c = t.xClamp ? t.xClamp[1] : o.xMax, f = r.x, p = r.y, m = n === 0 || n === a.length - 1;
-		if (u === "pinned-both" && m) f = a[n].x, p = a[n].y;
-		else if (u === "pinned-x" && m) f = n === 0 ? s : c;
+		if (t < 0 || t >= a.length) return e;
+		let o = i.modelRange, s = n.xClamp ? n.xClamp[0] : o.xMin, c = n.xClamp ? n.xClamp[1] : o.xMax, f = r.x, p = r.y, m = t === 0 || t === a.length - 1;
+		if (u === "pinned-both" && m) f = a[t].x, p = a[t].y;
+		else if (u === "pinned-x" && m) f = t === 0 ? s : c;
 		else if (d === "function" || l === "1d") {
-			let e = d === "function" ? (c - s) / 1e3 : 0, t = n > 0 ? a[n - 1].x + e : s, r = n < a.length - 1 ? a[n + 1].x - e : c;
-			f = Math.max(t, Math.min(r, f));
+			let e = d === "function" ? (c - s) / 1e3 : 0, n = t > 0 ? a[t - 1].x + e : s, r = t < a.length - 1 ? a[t + 1].x - e : c;
+			f = Math.max(n, Math.min(r, f));
 		}
 		f = Math.max(Math.min(s, c), Math.min(Math.max(s, c), f));
-		let h = D({
+		let h = A({
 			x: f,
 			y: p
 		}, i), g = a.slice();
-		return g[n] = {
-			...a[n],
+		return g[t] = {
+			...a[t],
 			x: h.x,
 			y: h.y
 		}, {
 			...e,
 			points: g,
-			activeIndex: n
+			activeIndex: t
 		};
 	}
 	function y(e) {
@@ -297,59 +297,59 @@ function M(t = {}) {
 			}
 		};
 	}
-	function M(n, r, i, a, o) {
+	function b(t, r, a, o, s) {
 		if (r.kind === "anchor") {
-			let { index: s } = r.payload;
+			let { index: c } = r.payload;
 			if (e("function-layer", "anchor-down", {
-				id: c,
-				index: s,
-				shift: a.modifiers.shift,
-				button: i.button
-			}), n.points[s]?.locked) return;
-			if (a.modifiers.shift) {
-				if (O(s, n.points.length, u) || t.minPoints !== void 0 && n.points.length <= t.minPoints) return;
-				o.commit({
-					...n,
-					points: n.points.filter((e, t) => t !== s),
+				id: i,
+				index: c,
+				shift: o.modifiers.shift,
+				button: a.button
+			}), t.points[c]?.locked) return;
+			if (o.modifiers.shift) {
+				if (j(c, t.points.length, u) || n.minPoints !== void 0 && t.points.length <= n.minPoints) return;
+				s.commit({
+					...t,
+					points: t.points.filter((e, t) => t !== c),
 					activeIndex: null
 				});
 				return;
 			}
-			return i.button === 2 ? void 0 : (o.commit({
-				...n,
-				activeIndex: s
-			}), y(s));
+			return a.button === 2 ? void 0 : (s.commit({
+				...t,
+				activeIndex: c
+			}), y(c));
 		}
 		if (r.kind === "curve") {
 			let { segIdx: e } = r.payload;
-			if (t.maxPoints !== void 0 && n.points.length >= t.maxPoints) return;
-			let i = e + 1, s = D(o.model, a);
+			if (n.maxPoints !== void 0 && t.points.length >= n.maxPoints) return;
+			let i = e + 1, a = A(s.model, o);
 			if (d === "function" || l === "1d") {
-				let e = d === "function" ? (a.modelRange.xMax - a.modelRange.xMin) / 1e3 : 0, t = i > 0 ? n.points[i - 1] : null, r = i < n.points.length ? n.points[i] : null;
-				if (t && Math.abs(s.x - t.x) < e * 2) return o.commit({
-					...n,
+				let e = d === "function" ? (o.modelRange.xMax - o.modelRange.xMin) / 1e3 : 0, n = i > 0 ? t.points[i - 1] : null, r = i < t.points.length ? t.points[i] : null;
+				if (n && Math.abs(a.x - n.x) < e * 2) return s.commit({
+					...t,
 					activeIndex: i - 1
 				}), y(i - 1);
-				if (r && Math.abs(s.x - r.x) < e * 2) return o.commit({
-					...n,
+				if (r && Math.abs(a.x - r.x) < e * 2) return s.commit({
+					...t,
 					activeIndex: i
 				}), y(i);
 			}
 			let c = [
-				...n.points.slice(0, i),
-				s,
-				...n.points.slice(i)
+				...t.points.slice(0, i),
+				a,
+				...t.points.slice(i)
 			];
-			return o.commit({
-				...n,
+			return s.commit({
+				...t,
 				points: c,
 				activeIndex: i
 			}), y(i);
 		}
 	}
-	function N(e, n, r, i, a) {
-		if (!m || f !== "click-empty" || t.maxPoints !== void 0 && e.points.length >= t.maxPoints) return;
-		let o = D(n, i), s = e.points.length;
+	function F(e, t, r, i, a) {
+		if (!m || f !== "click-empty" || n.maxPoints !== void 0 && e.points.length >= n.maxPoints) return;
+		let o = A(t, i), s = e.points.length;
 		if (l === "1d") {
 			for (let t = 0; t < e.points.length; t++) if (e.points[t].x > o.x) {
 				s = t;
@@ -367,36 +367,36 @@ function M(t = {}) {
 			activeIndex: null
 		});
 	}
-	function P(e, n, r, i) {
+	function I(e, t, r, a) {
 		if (!m) return;
-		let a = n.target;
-		if (a?.closest?.("[data-layer-id]")?.getAttribute("data-layer-id") !== c) return;
-		let o = a.closest("[data-anchor-index]");
-		if (!o) return;
-		let s = n.key === "ArrowRight" ? 1 : n.key === "ArrowLeft" ? -1 : 0, l = n.key === "ArrowUp" ? 1 : n.key === "ArrowDown" ? -1 : 0;
-		if (s === 0 && l === 0) return;
-		n.preventDefault();
-		let u = Number(o.getAttribute("data-anchor-index")), d = e.points[u];
+		let o = t.target;
+		if (o?.closest?.("[data-layer-id]")?.getAttribute("data-layer-id") !== i) return;
+		let s = o.closest("[data-anchor-index]");
+		if (!s) return;
+		let c = t.key === "ArrowRight" ? 1 : t.key === "ArrowLeft" ? -1 : 0, l = t.key === "ArrowUp" ? 1 : t.key === "ArrowDown" ? -1 : 0;
+		if (c === 0 && l === 0) return;
+		t.preventDefault();
+		let u = Number(s.getAttribute("data-anchor-index")), d = e.points[u];
 		if (!d || d.locked) return;
-		let f = r.modelRange, p = n.shiftKey ? T : 1, h = t.xClamp ? t.xClamp[1] - t.xClamp[0] : f.xMax - f.xMin, g = v(e, u, {
-			x: d.x + s * Math.abs(h) * w * p,
-			y: d.y + l * Math.abs(f.yMax - f.yMin) * w * p
+		let f = r.modelRange, p = t.shiftKey ? O : 1, h = n.xClamp ? n.xClamp[1] - n.xClamp[0] : f.xMax - f.xMin, g = v(e, u, {
+			x: d.x + c * Math.abs(h) * D * p,
+			y: d.y + l * Math.abs(f.yMax - f.yMin) * D * p
 		}, r), _ = g.points[u];
-		_.x === d.x && _.y === d.y || i.commit({
+		_.x === d.x && _.y === d.y || a.commit({
 			...g,
 			activeIndex: null
 		});
 	}
 	return {
-		id: c,
+		id: i,
 		render: g,
 		hitTest: _,
-		onPointerDown: M,
-		onEmptyPointerDown: N,
-		onKeyDown: P
+		onPointerDown: b,
+		onEmptyPointerDown: F,
+		onKeyDown: I
 	};
 }
-function N(e) {
+function I(e) {
 	return {
 		points: e,
 		activeIndex: null
@@ -404,12 +404,12 @@ function N(e) {
 }
 //#endregion
 //#region src/components/CurveEditor/CurveEditor.tsx
-function P(e) {
-	let { value: n, onInput: r, onChange: i, domain: a, endpoints: s, interpolation: p, constrain: m, addPointMode: h, minPoints: g, maxPoints: _, curve: v, fill: y, hideNonInteractive: b, renderAnchor: x, width: S, height: C, xRange: w, yRange: T, grid: E, axes: D, xTicks: O, yTicks: k, history: A, className: j, style: N, decorations: P } = e, F = u(() => M({
+function L(e) {
+	let { value: t, onInput: r, onChange: i, domain: a, endpoints: o, interpolation: c, constrain: m, addPointMode: h, minPoints: g, maxPoints: _, curve: v, fill: y, hideNonInteractive: b, renderAnchor: x, width: S, height: C, xRange: w, yRange: T, grid: E, axes: D, xTicks: O, yTicks: k, history: A, className: j, style: M, decorations: N } = e, P = d(() => F({
 		id: "function",
 		domain: a,
-		endpoints: s,
-		interpolation: p,
+		endpoints: o,
+		interpolation: c,
 		constrain: m,
 		addPointMode: h,
 		minPoints: g,
@@ -420,8 +420,8 @@ function P(e) {
 		renderAnchor: x
 	}), [
 		a,
-		s,
-		p,
+		o,
+		c,
 		m,
 		h,
 		g,
@@ -430,50 +430,50 @@ function P(e) {
 		y,
 		b,
 		x
-	]), [I, L] = f(() => ({
-		points: n,
+	]), [I, L] = p(() => ({
+		points: t,
 		activeIndex: null
-	})), R = d(I);
-	R.current = I, l(() => {
-		R.current.activeIndex === null && R.current.points !== n && L({
-			points: n,
+	})), R = f(I);
+	R.current = I, u(() => {
+		R.current.activeIndex === null && R.current.points !== t && L({
+			points: t,
 			activeIndex: null
 		});
-	}, [n]);
-	let z = c((e, t) => {
+	}, [t]);
+	let z = l((e, t) => {
 		let n = t, i = R.current.points;
 		L(n), n.points !== i && r(n.points);
-	}, [r]), B = c((e, t, n) => {
+	}, [r]), B = l((e, t, n) => {
 		if (!i) return;
 		let r = t, a = n;
 		r.points !== a.points && i?.(r.points, a.points);
 	}, [i]);
-	return /* @__PURE__ */ o("div", {
-		onContextMenu: c((e) => {
+	return /* @__PURE__ */ s("div", {
+		onContextMenu: l((e) => {
 			let t = e.target?.closest?.("[data-anchor-index]");
 			if (!t) return;
 			e.preventDefault(), e.stopPropagation();
 			let n = t.getAttribute("data-anchor-index");
 			if (n === null) return;
-			let a = Number(n), o = R.current.points;
-			if (!Number.isInteger(a) || a < 0 || a >= o.length || o[a]?.locked || s !== void 0 && s !== "free" && (a === 0 || a === o.length - 1) || g !== void 0 && o.length <= g) return;
-			let c = o.filter((e, t) => t !== a);
+			let a = Number(n), s = R.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) || g !== void 0 && s.length <= g) return;
+			let c = s.filter((e, t) => t !== a);
 			L({
 				points: c,
 				activeIndex: null
-			}), r(c), i?.(c, o);
+			}), r(c), i?.(c, s);
 		}, [
-			s,
+			o,
 			g,
 			r,
 			i
 		]),
 		style: { display: "contents" },
-		children: /* @__PURE__ */ o(t, {
-			layers: u(() => [{
-				layer: F,
+		children: /* @__PURE__ */ s(n, {
+			layers: d(() => [{
+				layer: P,
 				state: I
-			}], [F, I]),
+			}], [P, I]),
 			onLayerChange: z,
 			onLayerCommit: B,
 			width: S,
@@ -486,14 +486,14 @@ function P(e) {
 			yTicks: k,
 			history: A,
 			className: j,
-			style: N,
-			children: P
+			style: M,
+			children: N
 		})
 	});
 }
 //#endregion
 //#region src/components/CurveEditor/setCurveOp.ts
-function F(e) {
+function R(e) {
 	let { id: t, from: n, to: r, label: i, coalesceKey: a } = e;
 	return {
 		name: "setCurve",
@@ -507,11 +507,11 @@ function F(e) {
 		label: i,
 		coalesceKey: a,
 		apply(e) {
-			if (I(n, r)) return !1;
+			if (z(n, r)) return !1;
 			e.setValue(t, r);
 		},
 		invert() {
-			return F({
+			return R({
 				id: t,
 				from: r,
 				to: n,
@@ -521,13 +521,13 @@ function F(e) {
 		}
 	};
 }
-function I(e, t) {
+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 { b as a, N as i, P as n, M as r, F as t };
+export { x as a, I as i, L as n, F as r, R as t };
 
-//# sourceMappingURL=CurveEditor-Cj0lLiyR.js.map
+//# sourceMappingURL=CurveEditor-DXwSP-iA.js.map