@weasel-js/ui 1.4.0-pre.1 → 1.4.1

package/dist/chunks/{CurveEditor-COJ6WK9K.js → CurveEditor-DoX5Q0_V.js}

@@ -1,25 +1,26 @@
 import { t as e } from "./dlog-CMYiRF3Q.js";
-import { n as t, r as n, t as r } from "./Plot2D-B08SYGQV.js";
+import { n as t, r as n, t as r } from "./Plot2D-D63D5w6c.js";
 import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
-import { useCallback as s, useEffect as c, useMemo as l, useRef as u, useState as d } from "react";
+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 f(e, t, n) {
+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 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);
+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), 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);
+	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 m(e, t, n = .5) {
+function h(e, t, n = .5) {
 	if (e.length < 2) return [];
 	t < 1 && (t = 1);
 	let r = e.length, i = [], a = {
@@ -41,14 +42,14 @@ function m(e, t, n = .5) {
 				continue;
 			}
 			let r = e / t;
-			i.push(p(c, l, u, d, r, n));
+			i.push(m(c, l, u, d, r, n));
 		}
 	}
 	return i;
 }
 //#endregion
 //#region src/components/CurveEditor/monotone.ts
-function h(e) {
+function g(e) {
 	let t = e.length;
 	if (t === 0) return [];
 	if (t === 1) return [0];
@@ -63,14 +64,14 @@ function h(e) {
 	}
 	return r;
 }
-function g(e, t, n, r, i) {
+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 _(e, t) {
+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 = h(r), o = h(i), s = [];
+	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++) {
@@ -84,8 +85,8 @@ function _(e, t) {
 			}
 			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)
+				x: _(r[c], r[c + 1], a[c], a[c + 1], n),
+				y: _(i[c], i[c + 1], o[c], o[c + 1], n)
 			});
 		}
 	}
@@ -93,7 +94,7 @@ function _(e, t) {
 }
 //#endregion
 //#region src/components/CurveEditor/interpolation.ts
-function v(e, t) {
+function y(e, t) {
 	if (e.length < 2) return [];
 	t < 1 && (t = 1);
 	let n = [];
@@ -117,18 +118,18 @@ function v(e, t) {
 	}
 	return n;
 }
-function y(e, t, n) {
+function b(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);
+		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 b(e, t, n) {
+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;
@@ -139,7 +140,7 @@ function b(e, t, n) {
 	}
 	return i ? { index: i.index } : null;
 }
-function x(e, t, n) {
+function S(e, t, n) {
 	let r = n * n, i = null;
 	for (let n = 0; n < e.length; n++) {
 		let a = e[n];
@@ -163,7 +164,7 @@ function x(e, t, n) {
 		t: i.t
 	} : null;
 }
-var S = {
+var C = {
 	root: "_root_ybpym_1",
 	fill: "_fill_ybpym_19",
 	curve: "_curve_ybpym_25",
@@ -173,38 +174,38 @@ var S = {
 	locked: "_locked_ybpym_55",
 	endpoint: "_endpoint_ybpym_63",
 	hidden: "_hidden_ybpym_71"
-}, C = 16, w = 12, T = 8;
-function E(e, t) {
+}, 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 D(e, t, n) {
+function O(e, t, n) {
 	return n === "free" ? !1 : e === 0 || e === t - 1;
 }
-function O(e, t) {
+function k(e, t) {
 	return e.map((e) => t.toPlot(e));
 }
-function k(e, t, n) {
+function A(e, t, n) {
 	if (e.length < 2) return [];
-	let r = y(e, C, t), i = [];
+	let r = b(e, w, t), i = [];
 	for (let t = 0; t < e.length - 1; t++) {
-		let e = t * C, a = e + C, o = r.slice(e, a + 1);
+		let e = t * w, a = e + w, o = r.slice(e, a + 1);
 		i.push(o.map((e) => n.toPlot(e)));
 	}
 	return i;
 }
-function A(e) {
+function j(e) {
 	return (e.constrain ?? "none") === "function" ? "monotone" : e.interpolation ?? "catmull-rom";
 }
-function j(t = {}) {
-	let n = t.id ?? "function", r = t.domain ?? "2d", s = t.endpoints ?? "free", c = t.constrain ?? "none", l = t.addPointMode ?? "click-curve", u = A(t), d = t.interactive !== !1, f = t.curve !== !1 && t.curve !== null;
+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 = O(r, n), p = "", m = null;
+		let { points: r, activeIndex: c } = e, l = k(r, n), p = "", m = null;
 		if (r.length >= 2) {
-			let e = y(r, C, u).map((e) => n.toPlot(e)), i = [`M${e[0].x.toFixed(2)},${e[0].y.toFixed(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];
@@ -214,17 +215,17 @@ function j(t = {}) {
 		return /* @__PURE__ */ o(i, { children: [
 			m && /* @__PURE__ */ a("path", {
 				"data-curve-element": "fill",
-				className: S.fill,
+				className: C.fill,
 				d: m,
 				fill: t.fill ? t.fill.color : void 0
 			}),
 			p && f && /* @__PURE__ */ a("path", {
-				className: S.curve,
+				className: C.curve,
 				d: p,
 				fill: "none"
 			}),
 			d && l.map((e, n) => {
-				let i = D(n, r.length, s), o = r[n]?.locked === !0;
+				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) {
@@ -244,11 +245,11 @@ function j(t = {}) {
 					}, n);
 				}
 				let d = [
-					S.anchor,
-					u && S.endpoint,
-					(i || o) && S.pinned,
-					o && S.locked,
-					l && S.active
+					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;
@@ -274,13 +275,13 @@ function j(t = {}) {
 	}
 	function m(e, t, n) {
 		if (!d) return null;
-		let r = b(O(e.points, n), t, w);
+		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 = x(k(e.points, u, n), t, T);
+			let r = S(A(e.points, u, n), t, E);
 			if (r) return {
 				kind: "curve",
 				payload: {
@@ -304,7 +305,7 @@ function j(t = {}) {
 					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({
+				let g = D({
 					x: p,
 					y: m
 				}, o), _ = l.slice();
@@ -342,7 +343,7 @@ function j(t = {}) {
 				button: o.button
 			}), i.points[r]?.locked) return;
 			if (l.modifiers.shift) {
-				if (D(r, i.points.length, s) || t.minPoints !== void 0 && i.points.length <= t.minPoints) return;
+				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),
@@ -358,7 +359,7 @@ function j(t = {}) {
 		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 = E(u.model, l);
+			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({
@@ -384,7 +385,7 @@ function j(t = {}) {
 	}
 	function _(e, n, i, a, o) {
 		if (!d || l !== "click-empty" || t.maxPoints !== void 0 && e.points.length >= t.maxPoints) return;
-		let s = E(n, a), c = e.points.length;
+		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;
@@ -410,7 +411,7 @@ function j(t = {}) {
 		onEmptyPointerDown: _
 	};
 }
-function M(e) {
+function N(e) {
 	return {
 		points: e,
 		activeIndex: null
@@ -418,7 +419,13 @@ function M(e) {
 }
 //#endregion
 //#region src/components/CurveEditor/LayeredCurveEditor.tsx
-function N(e) {
+var P = {
+	shift: !1,
+	alt: !1,
+	meta: !1,
+	ctrl: !1
+};
+function F(e) {
 	return {
 		shift: e.shiftKey,
 		alt: e.altKey,
@@ -426,23 +433,23 @@ function N(e) {
 		ctrl: e.ctrlKey
 	};
 }
-function P(i) {
-	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 } = i, T = i.history !== !1, E = l(() => ({
-		xMin: _[0],
-		xMax: _[1],
-		yMin: v[0],
-		yMax: v[1]
-	}), [_, v]), D = l(() => ({
-		width: h,
-		height: g
-	}), [h, g]), O = u(f);
-	O.current = f;
-	let k = u(E);
-	k.current = E;
-	let A = u(D);
+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 = u(null), M = s((e) => {
-		let r = k.current, i = A.current;
+	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,
@@ -450,98 +457,92 @@ function P(i) {
 			toModel: (e) => n(e, r, i),
 			modifiers: e
 		};
-	}, []), P = u(null), [F, I] = d(null), L = u([]), R = u([]), z = s(() => {
+	}, []), I = d(null), [L, R] = f(null), z = d([]), B = d([]), V = c(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of O.current) e.set(t.layer.id, t.state);
+		for (let t of k.current) e.set(t.layer.id, t.state);
 		return e;
-	}, []), B = s((e) => {
-		let t = O.current;
+	}, []), 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 && p(n.layer.id, t);
+			t !== void 0 && t !== n.state && m(n.layer.id, t);
 		}
-	}, [p]), V = s(() => {
-		if (!T) return;
-		let e = L.current;
+	}, [m]), U = c(() => {
+		if (!E) return;
+		let e = z.current;
 		if (e.length === 0) return;
 		let t = e.pop();
-		R.current.push(z()), B(t);
+		B.current.push(V()), H(t);
 	}, [
-		T,
-		z,
-		B
-	]), H = s(() => {
-		if (!T) return;
-		let e = R.current;
+		E,
+		V,
+		H
+	]), W = c(() => {
+		if (!E) return;
+		let e = B.current;
 		if (e.length === 0) return;
 		let t = e.pop();
-		L.current.push(z()), B(t);
-	}, [
-		T,
-		z,
-		B
-	]), U = u(() => {}), W = u(() => {}), G = u(() => {}), K = u((e) => U.current(e)).current, q = u((e) => W.current(e)).current, J = u((e) => G.current(e)).current, Y = s(() => {
-		window.removeEventListener("pointermove", K), window.removeEventListener("pointerup", q), window.removeEventListener("pointercancel", J), P.current = null, I(null);
+		z.current.push(V()), H(t);
 	}, [
-		K,
-		q,
-		J
-	]), X = s((e) => {
-		for (let t of O.current) if (t.layer.id === e) return t.state;
+		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;
 	}, []);
-	U.current = (e) => {
-		let t = P.current;
-		if (!t || t.pointerId !== e.pointerId) return;
-		let n = j.current;
+	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 = 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 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 = 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) {
+		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 r = M(N(e)), i = t.gesture.onCancel ? t.gesture.onCancel(n, r) : t.startSelfState;
-		i !== n && p(t.layerId, i), Y();
+		let n = N(P), r = e.gesture.onCancel ? e.gesture.onCancel(t, n) : e.startSelfState;
+		r !== t && m(e.layerId, r), Y();
 	};
-	let Z = s((e, t, n) => {
-		let r = z();
-		P.current = {
+	let Z = c((e, t, n) => {
+		let r = V();
+		I.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 = s((t, n) => {
-		if (P.current) return;
-		let r = M(N(t)), i = O.current, a = t.nativeEvent;
+		}, 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 = z();
+		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;
@@ -549,14 +550,14 @@ function P(i) {
 				plot: n.plot,
 				model: n.model,
 				commit(e) {
-					u = e, p(s.layer.id, e);
+					u = e, m(s.layer.id, e);
 				}
 			});
 			if (t.stopPropagation(), d) {
-				Z(s.layer.id, t.pointerId, d);
+				Z(s.layer.id, t, d);
 				return;
 			}
-			u !== void 0 && (T && (L.current.push(o), R.current = []), m?.(s.layer.id, u, l));
+			u !== void 0 && (E && (z.current.push(o), B.current = []), h?.(s.layer.id, u, l));
 			return;
 		}
 		let s = null;
@@ -567,11 +568,11 @@ function P(i) {
 				plot: n.plot,
 				model: n.model,
 				commit(e) {
-					u = e, p(c.layer.id, e);
+					u = e, m(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));
+				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) {
@@ -583,24 +584,24 @@ function P(i) {
 				break;
 			}
 		}
-		s && (T && (L.current.push(o), R.current = []), m?.(s.id, s.next, s.prev));
+		s && (E && (z.current.push(o), B.current = []), h?.(s.id, s.next, s.prev));
 	}, [
-		M,
+		N,
 		Z,
-		p,
 		m,
-		T,
-		z
-	]), $ = s((e) => {
-		let t = M(N(e)), n = O.current;
-		if (T && (e.metaKey || e.ctrlKey)) {
+		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 ? H() : V(), e.preventDefault();
+				e.shiftKey ? W() : U(), e.preventDefault();
 				return;
 			}
 			if (t === "y") {
-				H(), e.preventDefault();
+				W(), e.preventDefault();
 				return;
 			}
 		}
@@ -609,38 +610,34 @@ function P(i) {
 			if (i.layer.onKeyDown?.(i.state, e.nativeEvent, t), e.isDefaultPrevented()) return;
 		}
 	}, [
-		T,
-		V,
-		H,
-		M
-	]);
-	c(() => () => {
-		window.removeEventListener("pointermove", K), window.removeEventListener("pointerup", q), window.removeEventListener("pointercancel", J);
-	}, [
-		K,
-		q,
-		J
+		E,
+		U,
+		W,
+		N
 	]);
-	let ee = l(() => ({
-		modelRange: E,
-		plotSize: D,
-		toPlot: (e) => t(e, E, D),
-		toModel: (e) => n(e, E, D)
-	}), [E, D]);
+	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: 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,
+		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: [w, f.map((e) => {
+		children: [T, p.map((e) => {
 			let t = {
 				...ee,
 				modifiers: {
@@ -649,7 +646,7 @@ function P(i) {
 					meta: !1,
 					ctrl: !1
 				},
-				isActive: F === e.layer.id
+				isActive: L === e.layer.id
 			};
 			return /* @__PURE__ */ a("g", {
 				"data-layer-id": e.layer.id,
@@ -660,12 +657,12 @@ function P(i) {
 }
 //#endregion
 //#region src/components/CurveEditor/CurveEditor.tsx
-function F(e) {
-	let { value: t, onInput: n, onChange: r, domain: i, endpoints: o, 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 = l(() => j({
+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: f,
+		interpolation: s,
 		constrain: p,
 		addPointMode: m,
 		minPoints: h,
@@ -677,7 +674,7 @@ function F(e) {
 	}), [
 		i,
 		o,
-		f,
+		s,
 		p,
 		m,
 		h,
@@ -686,35 +683,35 @@ function F(e) {
 		v,
 		y,
 		b
-	]), [N, F] = d(() => ({
+	]), [N, P] = f(() => ({
 		points: t,
 		activeIndex: null
-	})), I = u(N);
-	I.current = N, c(() => {
-		I.current.activeIndex === null && I.current.points !== t && F({
+	})), F = d(N);
+	F.current = N, l(() => {
+		F.current.activeIndex === null && F.current.points !== t && P({
 			points: t,
 			activeIndex: null
 		});
 	}, [t]);
-	let L = s((e, t) => {
-		let r = t, i = I.current.points;
-		F(r), r.points !== i && n(r.points);
-	}, [n]), R = s((e, t, n) => {
+	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: s((e) => {
+		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 = I.current.points;
+			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);
-			F({
+			P({
 				points: c,
 				activeIndex: null
 			}), n(c), r?.(c, s);
@@ -725,11 +722,11 @@ function F(e) {
 			r
 		]),
 		style: { display: "contents" },
-		children: /* @__PURE__ */ a(P, {
-			layers: l(() => [{
-				layer: M,
+		children: /* @__PURE__ */ a(I, {
+			layers: u(() => [{
+				layer: j,
 				state: N
-			}], [M, N]),
+			}], [j, N]),
 			onLayerChange: L,
 			onLayerCommit: R,
 			width: x,
@@ -747,7 +744,7 @@ function F(e) {
 }
 //#endregion
 //#region src/components/CurveEditor/setCurveOp.ts
-function I(e) {
+function R(e) {
 	let { id: t, from: n, to: r, label: i, coalesceKey: a } = e;
 	return {
 		name: "setCurve",
@@ -761,11 +758,11 @@ function I(e) {
 		label: i,
 		coalesceKey: a,
 		apply(e) {
-			if (L(n, r)) return !1;
+			if (z(n, r)) return !1;
 			e.setValue(t, r);
 		},
 		invert() {
-			return I({
+			return R({
 				id: t,
 				from: r,
 				to: n,
@@ -775,13 +772,13 @@ function I(e) {
 		}
 	};
 }
-function L(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 { M as a, j as i, F as n, y as o, P as r, I as t };
+export { N as a, M as i, L as n, b as o, I as r, R as t };
 
-//# sourceMappingURL=CurveEditor-COJ6WK9K.js.map
+//# sourceMappingURL=CurveEditor-DoX5Q0_V.js.map