add: utils to determine whether click happens inside rectangle

s/context/controllers/compositor/utils/get_pixels_by_angle.ts

@@ -0,0 +1,15 @@
+export function get_pixels_by_angle(x: number, y: number, width: number, height: number, angle: number) {
+	// var radians1 = angle * Math.PI / 180;
+	const radians = angle
+	return [
+		//upper left
+		[x + width/2 + width/-2 * Math.cos(radians) - height/-2 * Math.sin(radians), y + height/2 + width/-2 * Math.sin(radians) + height/-2 * Math.cos(radians)],
+		//upper right
+		[x + width/2 + width/2 * Math.cos(radians) - height/-2 * Math.sin(radians), y + height/2 + width/2 * Math.sin(radians) + height/-2 * Math.cos(radians)],
+		//bottom right
+		[x + width/2 + width/2 * Math.cos(radians) - height/2 * Math.sin(radians), y + height/2 + width/2 * Math.sin(radians) + height/2 * Math.cos(radians)],
+		//bottom left
+		[x + width/2 + width/-2 * Math.cos(radians) - height/2 * Math.sin(radians), y + height/2 + width/-2 * Math.sin(radians) + height/2 * Math.cos(radians)],
+	]
+}
+

s/context/controllers/compositor/utils/is_point_inside_rectangle.ts

@@ -0,0 +1,17 @@
+import {get_pixels_by_angle} from "./get_pixels_by_angle.js"
+
+export function is_point_inside_rectangle(clickX: number, clickY: number, x: number, y: number, width: number, height: number, angle: number) {
+	const corners = get_pixels_by_angle(x, y, width, height, angle);
+
+	let inside = false;
+	for (let i = 0, j = corners.length - 1; i < corners.length; j = i++) {
+		const xi = corners[i][0], yi = corners[i][1]
+		const xj = corners[j][0], yj = corners[j][1]
+
+		const intersect = ((yi > clickY) !== (yj > clickY)) &&
+				(clickX < (xj - xi) * (clickY - yi) / (yj - yi) + xi)
+		if (intersect) inside = !inside
+	}
+
+	return inside
+}