@weasel-js/core 1.9.3 → 1.10.0

package/dist/features/selection/overlay.js

@@ -1,30 +1,28 @@
-import { mat3 as e } from "../../renderer/math/mat3.js";
-import { resolveStrokeWidth as t } from "../paths/tessellate/stroke.js";
-import { viewToTransform as n } from "../../core/viewport/view.js";
-import { poseRotationOf as r } from "../../core/geometry/poseRotation.js";
-import { worldToScreen as i } from "../../core/viewport/viewTransform.js";
-import { screenAngleOf as a } from "../../core/viewport/pxExtent.js";
-import { HANDLE_BASE_PX as o } from "../../core/device/targets.js";
-import { unionAABB as s } from "../../core/geometry/unionBounds.js";
-import { visualBoundsViaDescriptor as c } from "../../core/geometry/poseDescriptor.js";
-import { AUTO_POSE_DESCRIPTOR as l } from "../../interactions/actions/resize/autoPoseDescriptor.js";
-import { rectCorners as u, rotatePoint as d } from "../../interactions/actions/rotate/geometry.js";
-import { MULTI_RESIZE_TARGET_ID as f } from "../../core/selection/selectionTarget.js";
-import { DEFAULT_ROTATION_HANDLE_DISTANCE as p, rotationHandle as m } from "../../interactions/actions/rotate/handle.js";
-import { alignedStrokeRect as h } from "@weasel-js/paint";
-import { PATH_L as g, PATH_M as _, PATH_Z as v } from "@weasel-js/geom";
+import { viewToTransform as e } from "../../core/viewport/view.js";
+import { worldToScreen as t } from "../../core/viewport/viewTransform.js";
+import { HANDLE_BASE_PX as n } from "../../core/device/targets.js";
+import { unionAABB as r } from "../../core/geometry/unionBounds.js";
+import { framedBounds as i, visualBoundsViaDescriptor as a } from "../../core/geometry/poseDescriptor.js";
+import { AUTO_POSE_DESCRIPTOR as o } from "../../core/geometry/autoPoseDescriptor.js";
+import { angleOf as s, localToWorld as c, targetCorners as l, targetTransformOf as u } from "../../core/geometry/targetFrame.js";
+import { MULTI_RESIZE_TARGET_ID as d } from "../../core/selection/selectionTarget.js";
+import { DEFAULT_ROTATION_HANDLE_DISTANCE as f, rotationHandle as p } from "../../interactions/actions/rotate/handle.js";
+import { mat3 as m } from "@weasel-js/renderer";
+import { PATH_L as h, PATH_M as g, PATH_Z as _, screenAngleOf as v } from "@weasel-js/geom";
+import { alignedStrokeRect as y } from "@weasel-js/paint";
+import { resolveStrokeWidth as b } from "@weasel-js/stroke";
 //#region src/features/selection/overlay.ts
-function y(e, t) {
-	let r = n(t), [a, o] = i(e.x, e.y, r);
+function x(n, r) {
+	let i = e(r), [a, o] = t(n.x, n.y, i);
 	return {
-		...e,
+		...n,
 		x: a,
 		y: o,
-		width: e.width * t.scale.x,
-		height: e.height * t.scale.y
+		width: n.width * r.scale.x,
+		height: n.height * r.scale.y
 	};
 }
-function b(e, t, n) {
+function S(e, t, n) {
 	if (!n(e)) return [e];
 	let r = [], i = (e) => {
 		let a = t(e);
@@ -36,79 +34,73 @@ function b(e, t, n) {
 	};
 	return i(e), r;
 }
-function x(e) {
-	let { moveOverlay: t, resizeOverlay: n, getStoredPose: r, getChildren: i, isContainer: a } = e, o = e.poseDescriptor ?? l, u = (e) => i && a ? b(e, i, a) : [e], d = (e) => {
-		let i = t?.poses.get(e);
-		return i === void 0 ? n && n.id === e ? n.currentPose : r(e) : i;
+function C(e) {
+	let { moveOverlay: t, resizeOverlay: n, getStoredPose: i, getChildren: s, isContainer: c } = e, l = e.poseDescriptor ?? o, u = (e) => s && c ? S(e, s, c) : [e], d = (e) => {
+		let r = t?.poses.get(e);
+		return r === void 0 ? n && n.id === e ? n.currentPose : i(e) : r;
 	};
 	return (e) => {
-		if (a?.(e)) {
-			let i = u(e);
-			if (i.length === 0) return null;
-			let a = n && n.id === e ? n.leafPoses : void 0, l = [];
-			for (let e of i) {
+		if (c?.(e)) {
+			let o = u(e);
+			if (o.length === 0) return null;
+			let s = n && n.id === e ? n.leafPoses : void 0, c = [];
+			for (let e of o) {
 				let n = t?.poses.get(e);
 				if (n !== void 0) {
-					l.push(c(n, o));
+					c.push(a(n, l));
 					continue;
 				}
-				let i = a?.get(e);
-				if (i !== void 0) {
-					l.push(c(i, o));
+				let r = s?.get(e);
+				if (r !== void 0) {
+					c.push(a(r, l));
 					continue;
 				}
-				l.push(c(r(e), o));
+				c.push(a(i(e), l));
 			}
-			let d = s(l);
-			return d === null ? null : o.fromBounds(d, r(i[0]));
+			let d = r(c);
+			return d === null ? null : l.fromBounds(d, i(o[0]));
 		}
 		return d(e);
 	};
 }
-function S(e, t, n, r) {
-	let i = (e) => {
-		let n = t.getBounds(e), r = t.getRotation?.(e);
-		return r ? {
-			...n,
-			rotation: r
-		} : n;
-	};
-	return n === void 0 || r === void 0 ? (t) => {
+function w(e, t, n, o) {
+	let s = (e) => i(e, t);
+	return n === void 0 || o === void 0 ? (t) => {
 		let n = e(t);
-		return n === null ? null : i(n);
-	} : (a) => {
-		if (!r(a)) {
-			let t = e(a);
-			return t === null ? null : i(t);
+		return n === null ? null : s(n);
+	} : (i) => {
+		if (!o(i)) {
+			let t = e(i);
+			return t === null ? null : s(t);
 		}
-		let o = b(a, n, r);
-		if (o.length === 0) return null;
+		let c = S(i, n, o);
+		if (c.length === 0) return null;
 		let l = [];
-		for (let n of o) {
+		for (let n of c) {
 			let r = e(n);
-			r !== null && l.push(c(r, t));
+			r !== null && l.push(a(r, t));
 		}
-		return l.length === 0 ? null : s(l);
+		return l.length === 0 ? null : r(l);
 	};
 }
-var C = {
+var T = {
 	paint: {
-		fill: "solid",
+		kind: "solid",
 		color: "#f0e0a8"
 	},
 	width: 2,
 	pad: 1
-}, w = {
-	fill: "solid",
+}, E = { paint: {
+	kind: "solid",
 	color: "#d4c4a8"
-}, T = {
+} }, D = {
 	paint: {
-		fill: "solid",
+		kind: "solid",
 		color: "#1a130d"
 	},
 	width: 1
-}, E = o;
-function D(e) {
+}, O = n;
+function k(e) {
 	return [
 		{
 			x: e.x,
@@ -128,33 +120,33 @@ function D(e) {
 		}
 	];
 }
-function O(e) {
+function A(e) {
 	return e ? {
 		stroke: {
 			paint: e.paint,
-			width: e.width ?? C.width,
+			width: e.width ?? T.width,
 			dash: e.dash,
 			cap: e.cap,
 			join: e.join,
 			align: e.align
 		},
-		pad: e.pad ?? C.pad
+		pad: e.pad ?? T.pad
 	} : {
 		stroke: {
-			paint: C.paint,
-			width: C.width
+			paint: T.paint,
+			width: T.width
 		},
-		pad: C.pad
+		pad: T.pad
 	};
 }
-function k(e) {
+function j(e) {
 	return {
-		size: e?.size ?? E,
-		fill: e?.fill ?? w,
-		outline: e?.outline ?? T
+		size: e?.size ?? O,
+		fill: e?.fill ?? E,
+		outline: e?.outline ?? D
 	};
 }
-function A(e, t, n) {
+function M(e, t, n) {
 	let r = Math.cos(n), i = Math.sin(n), a = e - r * e + i * t, o = t - i * e - r * t;
 	return new Float32Array([
 		r,
@@ -168,7 +160,7 @@ function A(e, t, n) {
 		1
 	]);
 }
-function j(e, t, n, r) {
+function N(e, t, n, r) {
 	return {
 		kind: "rect",
 		x: e,
@@ -177,37 +169,37 @@ function j(e, t, n, r) {
 		height: r
 	};
 }
-function M(e, n, i, a, o) {
-	let s = [], c = i.align ?? "center", l = t(i.width ?? 1, 1);
-	for (let t of e) {
-		let e = n(t);
+function P(e, t, n, r, i) {
+	let a = [], o = n.align ?? "center", s = b(n.width ?? 1, 1);
+	for (let c of e) {
+		let e = t(c);
 		if (!e) continue;
-		let u = y(e, o), d = {
-			x: u.x - a,
-			y: u.y - a,
-			width: u.width + a * 2,
-			height: u.height + a * 2
-		}, f = r(e);
-		if (!f) {
-			let e = h(d, c, l);
-			s.push({
+		let l = x(e, i), d = {
+			x: l.x - r,
+			y: l.y - r,
+			width: l.width + r * 2,
+			height: l.height + r * 2
+		}, f = u(e);
+		if (f.identity) {
+			let e = y(d, o, s);
+			a.push({
 				kind: "path",
-				path: j(e.x, e.y, e.width, e.height),
-				stroke: i
+				path: N(e.x, e.y, e.width, e.height),
+				stroke: n
 			});
 			continue;
 		}
-		let p = N(e, f, o, a + (c === "outer" ? l / 2 : c === "inner" ? -l / 2 : 0));
-		s.push({
+		let p = F(e, f, i, r + (o === "outer" ? s / 2 : o === "inner" ? -s / 2 : 0));
+		a.push({
 			kind: "path",
 			path: {
 				kind: "polygon",
 				commands: new Uint8Array([
-					_,
 					g,
-					g,
-					g,
-					v
+					h,
+					h,
+					h,
+					_
 				]),
 				coords: new Float32Array([
 					p[0].x,
@@ -222,26 +214,26 @@ function M(e, n, i, a, o) {
 				fillRule: "nonzero"
 			},
 			stroke: {
-				...i,
+				...n,
 				align: "center"
 			}
 		});
 	}
-	return s;
+	return a;
 }
-function N(e, t, r, a) {
-	let o = n(r), s = u(e).map((e) => {
-		let n = d(e.x, e.y, t.cx, t.cy, t.rotation), [r, a] = i(n.x, n.y, o);
+function F(n, r, i, a) {
+	let o = e(i), s = l(n, r).map((e) => {
+		let [n, r] = t(e.x, e.y, o);
 		return {
-			x: r,
-			y: a
+			x: n,
+			y: r
 		};
 	});
 	if (a === 0) return s;
-	let [c, l] = i(t.cx, t.cy, o), f = (e, t) => {
+	let [c, u] = t(n.x + n.width / 2, n.y + n.height / 2, o), d = (e, t) => {
 		let n = -(t.y - e.y), r = t.x - e.x, i = Math.hypot(n, r) || 1;
 		n /= i, r /= i;
-		let a = (e.x + t.x) / 2 - c, o = (e.y + t.y) / 2 - l;
+		let a = (e.x + t.x) / 2 - c, o = (e.y + t.y) / 2 - u;
 		return n * a + r * o < 0 ? {
 			x: -n,
 			y: -r
@@ -251,56 +243,56 @@ function N(e, t, r, a) {
 		};
 	};
 	return s.map((e, t) => {
-		let n = f(s[(t + 3) % 4], e), r = f(e, s[(t + 1) % 4]), i = a / (1 + n.x * r.x + n.y * r.y);
+		let n = d(s[(t + 3) % 4], e), r = d(e, s[(t + 1) % 4]), i = a / (1 + n.x * r.x + n.y * r.y);
 		return {
 			x: e.x + (n.x + r.x) * i,
 			y: e.y + (n.y + r.y) * i
 		};
 	});
 }
-function P(e, o, s, c, l) {
-	let u = [], f = s.size / 2, p = s.outline.align ?? "center", m = t(s.outline.width ?? 1, 1);
-	for (let t of e) {
-		let e = o(t);
-		if (!e) continue;
-		let g = r(e), _ = n(l), v = g ? a(g.rotation, l.scale) : 0;
-		for (let t of c(e)) {
-			let e = g ? d(t.x, t.y, g.cx, g.cy, g.rotation) : t, [n, r] = i(e.x, e.y, _), a = {
-				x: n,
-				y: r
-			}, o = {
-				x: a.x - f,
-				y: a.y - f,
-				width: s.size,
-				height: s.size
-			}, c = h(o, p, m), l = {
+function I(n, r, i, a, o) {
+	let l = [], d = i.size / 2, f = i.outline.align ?? "center", p = b(i.outline.width ?? 1, 1);
+	for (let m of n) {
+		let n = r(m);
+		if (!n) continue;
+		let h = u(n), g = e(o), _ = v(s(h), o.scale);
+		for (let e of a(n)) {
+			let n = c(h, e.x, e.y), [r, a] = t(n.x, n.y, g), o = {
+				x: r,
+				y: a
+			}, s = {
+				x: o.x - d,
+				y: o.y - d,
+				width: i.size,
+				height: i.size
+			}, u = y(s, f, p), m = {
 				kind: "path",
-				path: j(o.x, o.y, o.width, o.height),
-				fill: s.fill
-			}, y = {
+				path: N(s.x, s.y, s.width, s.height),
+				fill: i.fill
+			}, v = {
 				kind: "path",
-				path: j(c.x, c.y, c.width, c.height),
-				stroke: s.outline
+				path: N(u.x, u.y, u.width, u.height),
+				stroke: i.outline
 			};
-			g ? u.push({
+			_ === 0 ? l.push(m, v) : l.push({
 				kind: "group",
-				transform: A(a.x, a.y, v),
-				children: [l, y]
-			}) : u.push(l, y);
+				transform: M(o.x, o.y, _),
+				children: [m, v]
+			});
 		}
 	}
-	return u;
+	return l;
 }
-function F(r, a, o, s) {
-	let c = m(r, o, s.scale), l = c.angle, u = n(s), [d, f] = i(c.cx, c.cy, u), p = a.size, h = p, v = Math.PI * 240 / 360 / 2, y = t(a.outline.width ?? 1, 1) * 1.5, b = {
-		paint: a.fill,
-		width: y,
+function L(n, r, i, a) {
+	let o = p(n, i, a.scale), s = o.angle, c = e(a), [l, u] = t(o.cx, o.cy, c), d = r.size, f = d, _ = Math.PI * 240 / 360 / 2, v = b(r.outline.width ?? 1, 1) * 1.5, y = {
+		paint: r.fill.paint,
+		width: v,
 		cap: "round",
 		join: "round"
-	}, x = [_], S = [], C = [];
+	}, x = [g], S = [], C = [];
 	for (let e = 0; e <= 18; e++) {
-		let t = v - e / 18 * v * 2;
-		S.push(h * Math.sin(t)), C.push(-h * Math.cos(t)), e > 0 && x.push(g);
+		let t = _ - e / 18 * _ * 2;
+		S.push(f * Math.sin(t)), C.push(-f * Math.cos(t)), e > 0 && x.push(h);
 	}
 	let w = [];
 	for (let e = 0; e < S.length; e++) w.push(S[e], C[e]);
@@ -309,15 +301,15 @@ function F(r, a, o, s) {
 		commands: new Uint8Array(x),
 		coords: new Float32Array(w),
 		fillRule: "nonzero"
-	}, E = p * .6, D = p * .4, O = (e, t, n, r) => {
+	}, E = d * .6, D = d * .4, O = (e, t, n, r) => {
 		let i = Math.hypot(n, r) || 1, a = n / i, o = r / i, s = -o, c = a, l = e + a * E, u = t + o * E, d = e + D / 2 * s, f = t + D / 2 * c, p = e - D / 2 * s, m = t - D / 2 * c;
 		return {
 			kind: "polygon",
 			commands: new Uint8Array([
-				_,
 				g,
-				g,
-				g
+				h,
+				h,
+				h
 			]),
 			coords: new Float32Array([
 				l,
@@ -331,112 +323,112 @@ function F(r, a, o, s) {
 			]),
 			fillRule: "nonzero"
 		};
-	}, k = v, A = h * Math.sin(k), j = -h * Math.cos(k), M = Math.cos(k), N = Math.sin(k), P = -v, F = h * Math.sin(P), I = -h * Math.cos(P), L = -Math.cos(P), R = -Math.sin(P), z = O(A, j, M, N), B = O(F, I, L, R), V = a.fill, H = e.translated(e.identity(), d, f);
-	if (l !== 0) {
-		let t = Math.cos(l), n = Math.sin(l), r = new Float32Array([
+	}, k = _, A = f * Math.sin(k), j = -f * Math.cos(k), M = Math.cos(k), N = Math.sin(k), P = -_, F = f * Math.sin(P), I = -f * Math.cos(P), L = -Math.cos(P), R = -Math.sin(P), z = O(A, j, M, N), B = O(F, I, L, R), V = m.translated(m.identity(), l, u);
+	if (s !== 0) {
+		let e = Math.cos(s), t = Math.sin(s), n = new Float32Array([
+			e,
 			t,
-			n,
 			0,
-			-n,
-			t,
+			-t,
+			e,
 			0,
 			0,
 			0,
 			1
 		]);
-		H = e.multiply(H, r);
+		V = m.multiply(V, n);
 	}
 	return [{
 		kind: "group",
-		transform: H,
+		transform: V,
 		children: [
 			{
 				kind: "path",
 				path: T,
-				stroke: b
+				stroke: y
 			},
 			{
 				kind: "path",
 				path: z,
-				fill: V
+				fill: r.fill
 			},
 			{
 				kind: "path",
 				path: B,
-				fill: V
+				fill: r.fill
 			}
 		]
 	}];
 }
-function I(e, t) {
-	let { stroke: n, pad: r } = O(e.outline), i = t.handles && e.handles !== !1 ? k(e.handles || void 0) : null, a = e.handlesOf ?? D, o = e.poseDescriptor ?? l, s = e.getPose, c = s ? S(s, o, e.getChildren, e.isContainer) : null, u = t.handles ? L(e)?.distancePx ?? null : null;
+function R(e, t) {
+	let { stroke: n, pad: r } = A(e.outline), i = t.handles && e.handles !== !1 ? j(e.handles || void 0) : null, a = e.handlesOf ?? k, s = e.poseDescriptor ?? o, c = e.getPose, l = c ? w(c, s, e.getChildren, e.isContainer) : null, u = t.handles ? z(e)?.distancePx ?? null : null;
 	return {
 		id: t.id,
 		label: t.label,
 		space: "screen",
 		draw: (o, s) => {
-			let l = U(o), d = e.getSelection ? e.getSelection() : H(l);
-			if (d.length === 0) return [];
-			let p = e.getSuppressedIds?.(), m = p && p.size > 0 ? d.filter((e) => !p.has(e)) : d;
+			let c = G(o), f = e.getSelection ? e.getSelection() : W(c);
+			if (f.length === 0) return [];
+			let p = e.getSuppressedIds?.(), m = p && p.size > 0 ? f.filter((e) => !p.has(e)) : f;
 			if (m.length === 0) return [];
-			let h = V(o), g = t.outline && (!h || h("selection.outline")), _ = !h || h("selection.resize-handles"), v = !h || h("selection.rotation-handle"), y = c ?? ((e) => l?.boundsOf(e) ?? null), b = (e) => e === f && l?.unionBounds != null ? l.unionBounds : y(e), x = [];
+			let h = U(o), g = t.outline && (!h || h("selection.outline")), _ = !h || h("selection.resize-handles"), v = !h || h("selection.rotation-handle"), y = l ?? ((e) => c?.boundsOf(e) ?? null), b = (e) => e === d && c?.unionBounds != null ? c.unionBounds : y(e), x = [];
 			if (g) {
-				let t = e.getOutlineIds ? e.getOutlineIds() : e.getSelection ? m : l?.selection ?? m, i = p && p.size > 0 ? t.filter((e) => !p.has(e)) : t;
-				for (let e of M(i, b, n, r, s)) x.push(e);
+				let t = e.getOutlineIds ? e.getOutlineIds() : e.getSelection ? m : c?.selection ?? m, i = p && p.size > 0 ? t.filter((e) => !p.has(e)) : t;
+				for (let e of P(i, b, n, r, s)) x.push(e);
 			}
 			if (!i) return x;
-			if (_) for (let e of P(m, b, i, a, s)) x.push(e);
+			if (_) for (let e of I(m, b, i, a, s)) x.push(e);
 			if (v && u !== null) for (let e of m) {
 				let t = b(e);
-				if (t) for (let e of F(t, i, u, s)) x.push(e);
+				if (t) for (let e of L(t, i, u, s)) x.push(e);
 			}
 			return x;
 		}
 	};
 }
-function L(e) {
+function z(e) {
 	let t = e.rotationHandle;
 	return !t || e.handles === !1 ? null : {
-		distancePx: t === !0 ? p : t.distance ?? p,
-		sizePx: k(e.handles || void 0).size
+		distancePx: t === !0 ? f : t.distance ?? f,
+		sizePx: j(e.handles || void 0).size
 	};
 }
-function R(e) {
-	return I(e, {
+function B(e) {
+	return R(e, {
 		id: "selection-outline",
 		label: "Selection outline",
 		outline: !0,
 		handles: !1
 	});
 }
-function z(e) {
-	return I(e, {
+function V(e) {
+	return R(e, {
 		id: "selection-handles",
 		label: "Selection handles",
 		outline: !1,
 		handles: !0
 	});
 }
-function B(e) {
-	return I(e, {
+function H(e) {
+	return R(e, {
 		id: "selection-overlay",
 		label: "Selection",
 		outline: !0,
 		handles: !0
 	});
 }
-function V(e) {
+function U(e) {
 	let t = e;
 	return typeof t?.getIsVisible == "function" ? t.getIsVisible() : null;
 }
-function H(e) {
-	return e ? e.multiActive ? [f] : e.selection : [];
+function W(e) {
+	return e ? e.multiActive ? [d] : e.selection : [];
 }
-function U(e) {
+function G(e) {
 	let t = e;
 	return typeof t?.getChromeState == "function" ? t.getChromeState() : null;
 }
 //#endregion
-export { x as composeSelectionPose, z as createSelectionHandlesLayer, R as createSelectionOutlineLayer, B as createSelectionOverlayLayer, L as rotationBadgeOf };
+export { C as composeSelectionPose, V as createSelectionHandlesLayer, B as createSelectionOutlineLayer, H as createSelectionOverlayLayer, z as rotationBadgeOf };
 
 //# sourceMappingURL=overlay.js.map