@zag-js/rect-utils 0.0.0-dev-20220706194607 → 0.0.0-dev-20220709094240

package/dist/get-polygon.d.ts

@@ -0,0 +1,5 @@
+import type { RectValue } from "./types";
+export declare function getElementPolygon(rectValue: RectValue, placement: string): {
+    x: number;
+    y: number;
+}[];

package/dist/index.d.ts

@@ -7,6 +7,7 @@ export * from "./from-points";
 export * from "./from-range";
 export * from "./from-rotation";
 export * from "./from-window";
+export * from "./get-polygon";
 export * from "./intersection";
 export * from "./operations";
 export * from "./polygon";

package/dist/index.js

@@ -53,6 +53,7 @@ __export(src_exports, {
   distanceFromRect: () => distanceFromRect,
   expand: () => expand,
   fromRange: () => fromRange,
+  getElementPolygon: () => getElementPolygon,
   getElementRect: () => getElementRect,
   getRectCenters: () => getRectCenters,
   getRectCorners: () => getRectCorners,
@@ -64,14 +65,14 @@ __export(src_exports, {
   inset: () => inset,
   intersection: () => intersection,
   intersects: () => intersects,
+  isPointInPolygon: () => isPointInPolygon,
   isRect: () => isRect,
   isSymmetric: () => isSymmetric,
   rotate: () => rotate,
   shift: () => shift,
   shrink: () => shrink,
   toRad: () => toRad,
-  union: () => union,
-  withinPolygon: () => withinPolygon
+  union: () => union
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -124,18 +125,23 @@ var hasProp = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);
 
 // src/rect.ts
 var point = (x, y) => ({ x, y });
-function createRect(v) {
-  const midX = v.x + v.width / 2;
-  const midY = v.y + v.height / 2;
-  return __spreadProps(__spreadValues({}, v), {
-    minX: v.x,
-    minY: v.y,
-    maxX: v.x + v.width,
-    maxY: v.y + v.height,
+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: point(midX, midY)
-  });
+  };
 }
 function isRect(v) {
   return hasProp(v, "x") && hasProp(v, "y") && hasProp(v, "width") && hasProp(v, "height");
@@ -421,6 +427,19 @@ function getViewportRect(win, opts) {
   return rect;
 }
 
+// src/get-polygon.ts
+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];
+}
+
 // src/operations.ts
 var isSymmetric = (v) => "dx" in v || "dy" in v;
 function inset(r, i) {
@@ -452,7 +471,7 @@ function shift(r, o) {
 }
 
 // src/polygon.ts
-function withinPolygon(polygon, point2) {
+function isPointInPolygon(polygon, point2) {
   const { x, y } = point2;
   let c = false;
   for (let i = 0, j = polygon.length - 1; i < polygon.length; j = i++) {
@@ -494,3 +513,7 @@ function debugPolygon(polygon) {
   const points = polygon.map((point2) => `${point2.x},${point2.y}`).join(" ");
   el.setAttribute("points", points);
 }
+debugPolygon.remove = () => {
+  const el = document.getElementById("debug-polygon");
+  el == null ? void 0 : el.remove();
+};

package/dist/index.mjs

@@ -67,18 +67,23 @@ var hasProp = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);
 
 // src/rect.ts
 var point = (x, y) => ({ x, y });
-function createRect(v) {
-  const midX = v.x + v.width / 2;
-  const midY = v.y + v.height / 2;
-  return __spreadProps(__spreadValues({}, v), {
-    minX: v.x,
-    minY: v.y,
-    maxX: v.x + v.width,
-    maxY: v.y + v.height,
+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: point(midX, midY)
-  });
+  };
 }
 function isRect(v) {
   return hasProp(v, "x") && hasProp(v, "y") && hasProp(v, "width") && hasProp(v, "height");
@@ -364,6 +369,19 @@ function getViewportRect(win, opts) {
   return rect;
 }
 
+// src/get-polygon.ts
+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];
+}
+
 // src/operations.ts
 var isSymmetric = (v) => "dx" in v || "dy" in v;
 function inset(r, i) {
@@ -395,7 +413,7 @@ function shift(r, o) {
 }
 
 // src/polygon.ts
-function withinPolygon(polygon, point2) {
+function isPointInPolygon(polygon, point2) {
   const { x, y } = point2;
   let c = false;
   for (let i = 0, j = polygon.length - 1; i < polygon.length; j = i++) {
@@ -437,6 +455,10 @@ function debugPolygon(polygon) {
   const points = polygon.map((point2) => `${point2.x},${point2.y}`).join(" ");
   el.setAttribute("points", points);
 }
+debugPolygon.remove = () => {
+  const el = document.getElementById("debug-polygon");
+  el == null ? void 0 : el.remove();
+};
 export {
   alignRect,
   closest,
@@ -454,6 +476,7 @@ export {
   distanceFromRect,
   expand,
   fromRange,
+  getElementPolygon,
   getElementRect,
   getRectCenters,
   getRectCorners,
@@ -465,12 +488,12 @@ export {
   inset,
   intersection,
   intersects,
+  isPointInPolygon,
   isRect,
   isSymmetric,
   rotate,
   shift,
   shrink,
   toRad,
-  union,
-  withinPolygon
+  union
 };

package/dist/polygon.d.ts

@@ -1,3 +1,6 @@
 import type { Point } from "./types";
-export declare function withinPolygon(polygon: Point[], point: Point): boolean;
+export declare function isPointInPolygon(polygon: Point[], point: Point): boolean;
 export declare function debugPolygon(polygon: Point[]): void;
+export declare namespace debugPolygon {
+    var remove: () => void;
+}

package/dist/rect.d.ts

@@ -1,5 +1,9 @@
 import type { RectEdge, RectValue } from "./types";
-export declare function createRect(v: RectValue): {
+export declare function createRect(r: RectValue): {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
     minX: number;
     minY: number;
     maxX: number;
@@ -10,10 +14,6 @@ export declare function createRect(v: RectValue): {
         x: number;
         y: number;
     };
-    x: number;
-    y: number;
-    width: number;
-    height: number;
 };
 export declare type Rect = ReturnType<typeof createRect>;
 export declare function isRect(v: any): v is Rect;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/rect-utils",
-  "version": "0.0.0-dev-20220706194607",
+  "version": "0.0.0-dev-20220709094240",
   "description": "",
   "keywords": [
     "js",
@@ -25,7 +25,7 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/dom-utils": "0.0.0-dev-20220706194607",
+    "@zag-js/dom-utils": "0.0.0-dev-20220709094240",
     "@zag-js/utils": "0.1.2"
   },
   "scripts": {