@zag-js/rect-utils 1.34.0 → 1.35.0

package/dist/intersection.d.mts

@@ -0,0 +1,16 @@
+import { Rect, RectSide } from './types.mjs';
+
+/**
+ * Checks if a Rect intersects another Rect
+ */
+declare function intersects(a: Rect, b: Rect): boolean;
+/**
+ * Returns a new Rect that represents the intersection between two Rects
+ */
+declare function intersection(a: Rect, b: Rect): Rect;
+/**
+ * Returns whether two rects collide along each edge
+ */
+declare function collisions(a: Rect, b: Rect): Record<RectSide, boolean>;
+
+export { collisions, intersection, intersects };

package/dist/intersection.d.ts

@@ -0,0 +1,16 @@
+import { Rect, RectSide } from './types.js';
+
+/**
+ * Checks if a Rect intersects another Rect
+ */
+declare function intersects(a: Rect, b: Rect): boolean;
+/**
+ * Returns a new Rect that represents the intersection between two Rects
+ */
+declare function intersection(a: Rect, b: Rect): Rect;
+/**
+ * Returns whether two rects collide along each edge
+ */
+declare function collisions(a: Rect, b: Rect): Record<RectSide, boolean>;
+
+export { collisions, intersection, intersects };

package/dist/intersection.js

@@ -0,0 +1,52 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/intersection.ts
+var intersection_exports = {};
+__export(intersection_exports, {
+  collisions: () => collisions,
+  intersection: () => intersection,
+  intersects: () => intersects
+});
+module.exports = __toCommonJS(intersection_exports);
+var import_rect = require("./rect.cjs");
+function intersects(a, b) {
+  return a.x < b.maxX && a.y < b.maxY && a.maxX > b.x && a.maxY > b.y;
+}
+function intersection(a, b) {
+  const x = Math.max(a.x, b.x);
+  const y = Math.max(a.y, b.y);
+  const x2 = Math.min(a.x + a.width, b.x + b.width);
+  const y2 = Math.min(a.y + a.height, b.y + b.height);
+  return (0, import_rect.createRect)({ x, y, width: x2 - x, height: y2 - y });
+}
+function collisions(a, b) {
+  return {
+    top: a.minY <= b.minY,
+    right: a.maxX >= b.maxX,
+    bottom: a.maxY >= b.maxY,
+    left: a.minX <= b.minX
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  collisions,
+  intersection,
+  intersects
+});

package/dist/intersection.mjs

@@ -0,0 +1,27 @@
+import "./chunk-QZ7TP4HQ.mjs";
+
+// src/intersection.ts
+import { createRect } from "./rect.mjs";
+function intersects(a, b) {
+  return a.x < b.maxX && a.y < b.maxY && a.maxX > b.x && a.maxY > b.y;
+}
+function intersection(a, b) {
+  const x = Math.max(a.x, b.x);
+  const y = Math.max(a.y, b.y);
+  const x2 = Math.min(a.x + a.width, b.x + b.width);
+  const y2 = Math.min(a.y + a.height, b.y + b.height);
+  return createRect({ x, y, width: x2 - x, height: y2 - y });
+}
+function collisions(a, b) {
+  return {
+    top: a.minY <= b.minY,
+    right: a.maxX >= b.maxX,
+    bottom: a.maxY >= b.maxY,
+    left: a.minX <= b.minX
+  };
+}
+export {
+  collisions,
+  intersection,
+  intersects
+};

package/dist/operations.d.mts

@@ -0,0 +1,9 @@
+import { Rect, SymmetricRectInset, RectInset, Point } from './types.mjs';
+
+declare const isSymmetric: (v: any) => v is SymmetricRectInset;
+declare function inset(r: Rect, i: RectInset | SymmetricRectInset): Rect;
+declare function expand(r: Rect, v: number | SymmetricRectInset): Rect;
+declare function shrink(r: Rect, v: number | SymmetricRectInset): Rect;
+declare function shift(r: Rect, o: Partial<Point>): Rect;
+
+export { expand, inset, isSymmetric, shift, shrink };

package/dist/operations.d.ts

@@ -0,0 +1,9 @@
+import { Rect, SymmetricRectInset, RectInset, Point } from './types.js';
+
+declare const isSymmetric: (v: any) => v is SymmetricRectInset;
+declare function inset(r: Rect, i: RectInset | SymmetricRectInset): Rect;
+declare function expand(r: Rect, v: number | SymmetricRectInset): Rect;
+declare function shrink(r: Rect, v: number | SymmetricRectInset): Rect;
+declare function shift(r: Rect, o: Partial<Point>): Rect;
+
+export { expand, inset, isSymmetric, shift, shrink };

package/dist/operations.js

@@ -0,0 +1,66 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/operations.ts
+var operations_exports = {};
+__export(operations_exports, {
+  expand: () => expand,
+  inset: () => inset,
+  isSymmetric: () => isSymmetric,
+  shift: () => shift,
+  shrink: () => shrink
+});
+module.exports = __toCommonJS(operations_exports);
+var import_rect = require("./rect.cjs");
+var isSymmetric = (v) => "dx" in v || "dy" in v;
+function inset(r, i) {
+  const v = isSymmetric(i) ? { left: i.dx, right: i.dx, top: i.dy, bottom: i.dy } : i;
+  const { top = 0, right = 0, bottom = 0, left = 0 } = v;
+  return (0, import_rect.createRect)({
+    x: r.x + left,
+    y: r.y + top,
+    width: r.width - left - right,
+    height: r.height - top - bottom
+  });
+}
+function expand(r, v) {
+  const value = typeof v === "number" ? { dx: -v, dy: -v } : v;
+  return inset(r, value);
+}
+function shrink(r, v) {
+  const value = typeof v === "number" ? { dx: -v, dy: -v } : v;
+  return inset(r, value);
+}
+function shift(r, o) {
+  const { x = 0, y = 0 } = o;
+  return (0, import_rect.createRect)({
+    x: r.x + x,
+    y: r.y + y,
+    width: r.width,
+    height: r.height
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  expand,
+  inset,
+  isSymmetric,
+  shift,
+  shrink
+});

package/dist/operations.mjs

@@ -0,0 +1,39 @@
+import "./chunk-QZ7TP4HQ.mjs";
+
+// src/operations.ts
+import { createRect } from "./rect.mjs";
+var isSymmetric = (v) => "dx" in v || "dy" in v;
+function inset(r, i) {
+  const v = isSymmetric(i) ? { left: i.dx, right: i.dx, top: i.dy, bottom: i.dy } : i;
+  const { top = 0, right = 0, bottom = 0, left = 0 } = v;
+  return createRect({
+    x: r.x + left,
+    y: r.y + top,
+    width: r.width - left - right,
+    height: r.height - top - bottom
+  });
+}
+function expand(r, v) {
+  const value = typeof v === "number" ? { dx: -v, dy: -v } : v;
+  return inset(r, value);
+}
+function shrink(r, v) {
+  const value = typeof v === "number" ? { dx: -v, dy: -v } : v;
+  return inset(r, value);
+}
+function shift(r, o) {
+  const { x = 0, y = 0 } = o;
+  return createRect({
+    x: r.x + x,
+    y: r.y + y,
+    width: r.width,
+    height: r.height
+  });
+}
+export {
+  expand,
+  inset,
+  isSymmetric,
+  shift,
+  shrink
+};

package/dist/polygon.d.mts

@@ -0,0 +1,10 @@
+import { Point, RectInit } from './types.mjs';
+
+declare function getElementPolygon(rectValue: RectInit, placement: string): {
+    x: number;
+    y: number;
+}[] | undefined;
+declare function isPointInPolygon(polygon: Point[], point: Point): boolean;
+declare function debugPolygon(polygon: Point[]): () => void;
+
+export { debugPolygon, getElementPolygon, isPointInPolygon };

package/dist/polygon.d.ts

@@ -0,0 +1,10 @@
+import { Point, RectInit } from './types.js';
+
+declare function getElementPolygon(rectValue: RectInit, placement: string): {
+    x: number;
+    y: number;
+}[] | undefined;
+declare function isPointInPolygon(polygon: Point[], point: Point): boolean;
+declare function debugPolygon(polygon: Point[]): () => void;
+
+export { debugPolygon, getElementPolygon, isPointInPolygon };

package/dist/polygon.js

@@ -0,0 +1,91 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/polygon.ts
+var polygon_exports = {};
+__export(polygon_exports, {
+  debugPolygon: () => debugPolygon,
+  getElementPolygon: () => getElementPolygon,
+  isPointInPolygon: () => isPointInPolygon
+});
+module.exports = __toCommonJS(polygon_exports);
+var import_rect = require("./rect.cjs");
+function getElementPolygon(rectValue, placement) {
+  const rect = (0, import_rect.createRect)(rectValue);
+  const { top, right, left, bottom } = (0, import_rect.getRectCorners)(rect);
+  const [base] = placement.split("-");
+  return {
+    top: [left, top, right, bottom],
+    right: [top, right, bottom, left],
+    bottom: [top, left, bottom, right],
+    left: [right, top, left, bottom]
+  }[base];
+}
+function isPointInPolygon(polygon, point) {
+  const { x, y } = point;
+  let c = false;
+  for (let i = 0, j = polygon.length - 1; i < polygon.length; j = i++) {
+    const xi = polygon[i].x;
+    const yi = polygon[i].y;
+    const xj = polygon[j].x;
+    const yj = polygon[j].y;
+    if (yi > y !== yj > y && x < (xj - xi) * (y - yi) / (yj - yi) + xi) {
+      c = !c;
+    }
+  }
+  return c;
+}
+function createPolygonElement() {
+  const id = "debug-polygon";
+  const existingPolygon = document.getElementById(id);
+  if (existingPolygon) {
+    return existingPolygon;
+  }
+  const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+  Object.assign(svg.style, {
+    top: "0",
+    left: "0",
+    width: "100%",
+    height: "100%",
+    opacity: "0.15",
+    position: "fixed",
+    pointerEvents: "none",
+    fill: "red"
+  });
+  const polygon = document.createElementNS("http://www.w3.org/2000/svg", "polygon");
+  polygon.setAttribute("id", id);
+  polygon.setAttribute("points", "0,0 0,0");
+  svg.appendChild(polygon);
+  document.body.appendChild(svg);
+  return polygon;
+}
+function debugPolygon(polygon) {
+  const el = createPolygonElement();
+  const points = polygon.map((point) => `${point.x},${point.y}`).join(" ");
+  el.setAttribute("points", points);
+  return () => {
+    el.remove();
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  debugPolygon,
+  getElementPolygon,
+  isPointInPolygon
+});

package/dist/polygon.mjs

@@ -0,0 +1,66 @@
+import "./chunk-QZ7TP4HQ.mjs";
+
+// src/polygon.ts
+import { createRect, getRectCorners } from "./rect.mjs";
+function getElementPolygon(rectValue, placement) {
+  const rect = createRect(rectValue);
+  const { top, right, left, bottom } = getRectCorners(rect);
+  const [base] = placement.split("-");
+  return {
+    top: [left, top, right, bottom],
+    right: [top, right, bottom, left],
+    bottom: [top, left, bottom, right],
+    left: [right, top, left, bottom]
+  }[base];
+}
+function isPointInPolygon(polygon, point) {
+  const { x, y } = point;
+  let c = false;
+  for (let i = 0, j = polygon.length - 1; i < polygon.length; j = i++) {
+    const xi = polygon[i].x;
+    const yi = polygon[i].y;
+    const xj = polygon[j].x;
+    const yj = polygon[j].y;
+    if (yi > y !== yj > y && x < (xj - xi) * (y - yi) / (yj - yi) + xi) {
+      c = !c;
+    }
+  }
+  return c;
+}
+function createPolygonElement() {
+  const id = "debug-polygon";
+  const existingPolygon = document.getElementById(id);
+  if (existingPolygon) {
+    return existingPolygon;
+  }
+  const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+  Object.assign(svg.style, {
+    top: "0",
+    left: "0",
+    width: "100%",
+    height: "100%",
+    opacity: "0.15",
+    position: "fixed",
+    pointerEvents: "none",
+    fill: "red"
+  });
+  const polygon = document.createElementNS("http://www.w3.org/2000/svg", "polygon");
+  polygon.setAttribute("id", id);
+  polygon.setAttribute("points", "0,0 0,0");
+  svg.appendChild(polygon);
+  document.body.appendChild(svg);
+  return polygon;
+}
+function debugPolygon(polygon) {
+  const el = createPolygonElement();
+  const points = polygon.map((point) => `${point.x},${point.y}`).join(" ");
+  el.setAttribute("points", points);
+  return () => {
+    el.remove();
+  };
+}
+export {
+  debugPolygon,
+  getElementPolygon,
+  isPointInPolygon
+};

package/dist/rect.d.mts

@@ -0,0 +1,58 @@
+import { Point, RectInit, Rect, RectEdge } from './types.mjs';
+
+declare const createPoint: (x: number, y: number) => {
+    x: number;
+    y: number;
+};
+declare const subtractPoints: (a: Point, b: Point | null) => Point;
+declare const addPoints: (a: Point, b: Point) => {
+    x: number;
+    y: number;
+};
+declare function isPoint(v: any): v is Point;
+declare function createRect(r: RectInit): Rect;
+declare function isRect(v: any): v is Rect;
+declare function getRectCenters(v: Rect): {
+    top: {
+        x: number;
+        y: number;
+    };
+    right: {
+        x: number;
+        y: number;
+    };
+    bottom: {
+        x: number;
+        y: number;
+    };
+    left: {
+        x: number;
+        y: number;
+    };
+};
+declare function getRectCorners(v: Rect): {
+    top: {
+        x: number;
+        y: number;
+    };
+    right: {
+        x: number;
+        y: number;
+    };
+    bottom: {
+        x: number;
+        y: number;
+    };
+    left: {
+        x: number;
+        y: number;
+    };
+};
+declare function getRectEdges(v: Rect): {
+    top: RectEdge;
+    right: RectEdge;
+    bottom: RectEdge;
+    left: RectEdge;
+};
+
+export { addPoints, createPoint, createRect, getRectCenters, getRectCorners, getRectEdges, isPoint, isRect, subtractPoints };

package/dist/rect.d.ts

@@ -0,0 +1,58 @@
+import { Point, RectInit, Rect, RectEdge } from './types.js';
+
+declare const createPoint: (x: number, y: number) => {
+    x: number;
+    y: number;
+};
+declare const subtractPoints: (a: Point, b: Point | null) => Point;
+declare const addPoints: (a: Point, b: Point) => {
+    x: number;
+    y: number;
+};
+declare function isPoint(v: any): v is Point;
+declare function createRect(r: RectInit): Rect;
+declare function isRect(v: any): v is Rect;
+declare function getRectCenters(v: Rect): {
+    top: {
+        x: number;
+        y: number;
+    };
+    right: {
+        x: number;
+        y: number;
+    };
+    bottom: {
+        x: number;
+        y: number;
+    };
+    left: {
+        x: number;
+        y: number;
+    };
+};
+declare function getRectCorners(v: Rect): {
+    top: {
+        x: number;
+        y: number;
+    };
+    right: {
+        x: number;
+        y: number;
+    };
+    bottom: {
+        x: number;
+        y: number;
+    };
+    left: {
+        x: number;
+        y: number;
+    };
+};
+declare function getRectEdges(v: Rect): {
+    top: RectEdge;
+    right: RectEdge;
+    bottom: RectEdge;
+    left: RectEdge;
+};
+
+export { addPoints, createPoint, createRect, getRectCenters, getRectCorners, getRectEdges, isPoint, isRect, subtractPoints };

package/dist/rect.js

@@ -0,0 +1,97 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/rect.ts
+var rect_exports = {};
+__export(rect_exports, {
+  addPoints: () => addPoints,
+  createPoint: () => createPoint,
+  createRect: () => createRect,
+  getRectCenters: () => getRectCenters,
+  getRectCorners: () => getRectCorners,
+  getRectEdges: () => getRectEdges,
+  isPoint: () => isPoint,
+  isRect: () => isRect,
+  subtractPoints: () => subtractPoints
+});
+module.exports = __toCommonJS(rect_exports);
+var createPoint = (x, y) => ({ x, y });
+var subtractPoints = (a, b) => {
+  if (!b) return a;
+  return createPoint(a.x - b.x, a.y - b.y);
+};
+var addPoints = (a, b) => createPoint(a.x + b.x, a.y + b.y);
+function isPoint(v) {
+  return Reflect.has(v, "x") && Reflect.has(v, "y");
+}
+function createRect(r) {
+  const { x, y, width, height } = r;
+  const midX = x + width / 2;
+  const midY = y + height / 2;
+  return {
+    x,
+    y,
+    width,
+    height,
+    minX: x,
+    minY: y,
+    maxX: x + width,
+    maxY: y + height,
+    midX,
+    midY,
+    center: createPoint(midX, midY)
+  };
+}
+function isRect(v) {
+  return Reflect.has(v, "x") && Reflect.has(v, "y") && Reflect.has(v, "width") && Reflect.has(v, "height");
+}
+function getRectCenters(v) {
+  const top = createPoint(v.midX, v.minY);
+  const right = createPoint(v.maxX, v.midY);
+  const bottom = createPoint(v.midX, v.maxY);
+  const left = createPoint(v.minX, v.midY);
+  return { top, right, bottom, left };
+}
+function getRectCorners(v) {
+  const top = createPoint(v.minX, v.minY);
+  const right = createPoint(v.maxX, v.minY);
+  const bottom = createPoint(v.maxX, v.maxY);
+  const left = createPoint(v.minX, v.maxY);
+  return { top, right, bottom, left };
+}
+function getRectEdges(v) {
+  const c = getRectCorners(v);
+  const top = [c.top, c.right];
+  const right = [c.right, c.bottom];
+  const bottom = [c.left, c.bottom];
+  const left = [c.top, c.left];
+  return { top, right, bottom, left };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  addPoints,
+  createPoint,
+  createRect,
+  getRectCenters,
+  getRectCorners,
+  getRectEdges,
+  isPoint,
+  isRect,
+  subtractPoints
+});