@zag-js/rect-utils 0.2.0 → 0.2.2

package/dist/closest.js

@@ -0,0 +1,83 @@
+"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/closest.ts
+var closest_exports = {};
+__export(closest_exports, {
+  closest: () => closest,
+  closestSideToPoint: () => closestSideToPoint,
+  closestSideToRect: () => closestSideToRect
+});
+module.exports = __toCommonJS(closest_exports);
+
+// src/distance.ts
+function distance(a, b = { x: 0, y: 0 }) {
+  return Math.sqrt(Math.pow(a.x - b.x, 2) + Math.pow(a.y - b.y, 2));
+}
+
+// src/closest.ts
+function closest(...pts) {
+  return (a) => {
+    const ds = pts.map((b) => distance(b, a));
+    const c = Math.min.apply(Math, ds);
+    return pts[ds.indexOf(c)];
+  };
+}
+function closestSideToRect(ref, r) {
+  if (r.maxX <= ref.minX) {
+    return "left";
+  }
+  if (r.minX >= ref.maxX) {
+    return "right";
+  }
+  if (r.maxY <= ref.minY) {
+    return "top";
+  }
+  if (r.minY >= ref.maxY) {
+    return "bottom";
+  }
+  return "left";
+}
+function closestSideToPoint(ref, p) {
+  const { x, y } = p;
+  const dl = x - ref.minX;
+  const dr = ref.maxX - x;
+  const dt = y - ref.minY;
+  const db = ref.maxY - y;
+  let closest2 = dl;
+  let side = "left";
+  if (dr < closest2) {
+    closest2 = dr;
+    side = "right";
+  }
+  if (dt < closest2) {
+    closest2 = dt;
+    side = "top";
+  }
+  if (db < closest2) {
+    side = "bottom";
+  }
+  return side;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  closest,
+  closestSideToPoint,
+  closestSideToRect
+});

package/dist/closest.mjs

@@ -0,0 +1,13 @@
+import {
+  closest,
+  closestSideToPoint,
+  closestSideToRect
+} from "./chunk-DBR73IMM.mjs";
+import "./chunk-AYR2YRSU.mjs";
+import "./chunk-IFHTGH3H.mjs";
+import "./chunk-YDYJCJQZ.mjs";
+export {
+  closest,
+  closestSideToPoint,
+  closestSideToRect
+};

package/dist/contains.d.ts

@@ -0,0 +1,8 @@
+import { Rect } from './rect.js';
+import { Point } from './types.js';
+
+declare function containsPoint(r: Rect, p: Point): boolean;
+declare function containsRect(a: Rect, b: Rect): boolean;
+declare function contains(r: Rect, v: Rect | Point): boolean;
+
+export { contains, containsPoint, containsRect };

package/dist/contains.js

@@ -0,0 +1,60 @@
+"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/contains.ts
+var contains_exports = {};
+__export(contains_exports, {
+  contains: () => contains,
+  containsPoint: () => containsPoint,
+  containsRect: () => containsRect
+});
+module.exports = __toCommonJS(contains_exports);
+
+// ../core/src/guard.ts
+var hasProp = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);
+
+// src/rect.ts
+var point = (x, y) => ({ x, y });
+function isRect(v) {
+  return hasProp(v, "x") && hasProp(v, "y") && hasProp(v, "width") && hasProp(v, "height");
+}
+function getRectCorners(v) {
+  const top = point(v.minX, v.minY);
+  const right = point(v.maxX, v.minY);
+  const bottom = point(v.maxX, v.maxY);
+  const left = point(v.minX, v.maxY);
+  return { top, right, bottom, left };
+}
+
+// src/contains.ts
+function containsPoint(r, p) {
+  return r.minX <= p.x && p.x <= r.maxX && r.minY <= p.y && p.y <= r.maxY;
+}
+function containsRect(a, b) {
+  return Object.values(getRectCorners(b)).every((c) => containsPoint(a, c));
+}
+function contains(r, v) {
+  return isRect(v) ? containsRect(r, v) : containsPoint(r, v);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  contains,
+  containsPoint,
+  containsRect
+});

package/dist/contains.mjs

@@ -0,0 +1,11 @@
+import {
+  contains,
+  containsPoint,
+  containsRect
+} from "./chunk-2QYJISFU.mjs";
+import "./chunk-YDYJCJQZ.mjs";
+export {
+  contains,
+  containsPoint,
+  containsRect
+};

package/dist/distance.d.ts

@@ -0,0 +1,12 @@
+import { Rect } from './rect.js';
+import { Point, RectSide } from './types.js';
+
+type DistanceValue = Point & {
+    value: number;
+};
+declare function distance(a: Point, b?: Point): number;
+declare function distanceFromPoint(r: Rect, p: Point): DistanceValue;
+declare function distanceFromRect(a: Rect, b: Rect): DistanceValue;
+declare function distanceBtwEdges(a: Rect, b: Rect): Record<RectSide, number>;
+
+export { DistanceValue, distance, distanceBtwEdges, distanceFromPoint, distanceFromRect };

package/dist/distance.js

@@ -0,0 +1,79 @@
+"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/distance.ts
+var distance_exports = {};
+__export(distance_exports, {
+  distance: () => distance,
+  distanceBtwEdges: () => distanceBtwEdges,
+  distanceFromPoint: () => distanceFromPoint,
+  distanceFromRect: () => distanceFromRect
+});
+module.exports = __toCommonJS(distance_exports);
+
+// src/intersection.ts
+function intersects(a, b) {
+  return a.x < b.maxX && a.y < b.maxY && a.maxX > b.x && a.maxY > b.y;
+}
+
+// src/distance.ts
+function distance(a, b = { x: 0, y: 0 }) {
+  return Math.sqrt(Math.pow(a.x - b.x, 2) + Math.pow(a.y - b.y, 2));
+}
+function distanceFromPoint(r, p) {
+  let x = 0;
+  let y = 0;
+  if (p.x < r.x)
+    x = r.x - p.x;
+  else if (p.x > r.maxX)
+    x = p.x - r.maxX;
+  if (p.y < r.y)
+    y = r.y - p.y;
+  else if (p.y > r.maxY)
+    y = p.y - r.maxY;
+  return { x, y, value: distance({ x, y }) };
+}
+function distanceFromRect(a, b) {
+  if (intersects(a, b))
+    return { x: 0, y: 0, value: 0 };
+  const left = a.x < b.x ? a : b;
+  const right = b.x < a.x ? a : b;
+  const upper = a.y < b.y ? a : b;
+  const lower = b.y < a.y ? a : b;
+  let x = left.x === right.x ? 0 : right.x - left.maxX;
+  x = Math.max(0, x);
+  let y = upper.y === lower.y ? 0 : lower.y - upper.maxY;
+  y = Math.max(0, y);
+  return { x, y, value: distance({ x, y }) };
+}
+function distanceBtwEdges(a, b) {
+  return {
+    left: b.x - a.x,
+    top: b.y - a.y,
+    right: a.maxX - b.maxX,
+    bottom: a.maxY - b.maxY
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  distance,
+  distanceBtwEdges,
+  distanceFromPoint,
+  distanceFromRect
+});

package/dist/distance.mjs

@@ -0,0 +1,14 @@
+import {
+  distance,
+  distanceBtwEdges,
+  distanceFromPoint,
+  distanceFromRect
+} from "./chunk-AYR2YRSU.mjs";
+import "./chunk-IFHTGH3H.mjs";
+import "./chunk-YDYJCJQZ.mjs";
+export {
+  distance,
+  distanceBtwEdges,
+  distanceFromPoint,
+  distanceFromRect
+};

package/dist/from-element.d.ts

@@ -0,0 +1,16 @@
+import { Rect } from './rect.js';
+import './types.js';
+
+declare function getElementRect(el: HTMLElement, opts?: ElementRectOptions): Rect;
+type ElementRectOptions = {
+    /**
+     * Whether to exclude the element's scrollbar size from the calculation.
+     */
+    excludeScrollbar?: boolean;
+    /**
+     * Whether to exclude the element's borders from the calculation.
+     */
+    excludeBorders?: boolean;
+};
+
+export { ElementRectOptions, getElementRect };

package/dist/from-element.js

@@ -0,0 +1,98 @@
+"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/from-element.ts
+var from_element_exports = {};
+__export(from_element_exports, {
+  getElementRect: () => getElementRect
+});
+module.exports = __toCommonJS(from_element_exports);
+
+// ../dom/src/get-computed-style.ts
+function getCache() {
+  const g = globalThis;
+  g.__styleCache = g.__styleCache || /* @__PURE__ */ new WeakMap();
+  return g.__styleCache;
+}
+function getComputedStyle(el) {
+  if (!el)
+    return {};
+  const cache = getCache();
+  let style = cache.get(el);
+  if (!style) {
+    const win = el?.ownerDocument.defaultView ?? window;
+    style = win.getComputedStyle(el);
+    cache.set(el, style);
+  }
+  return style;
+}
+
+// src/rect.ts
+var point = (x, y) => ({ x, 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: point(midX, midY)
+  };
+}
+
+// src/from-element.ts
+function getElementRect(el, opts = {}) {
+  return createRect(getClientRect(el, opts));
+}
+function getClientRect(el, opts = {}) {
+  const { excludeScrollbar = false, excludeBorders = false } = opts;
+  const { x, y, width, height } = el.getBoundingClientRect();
+  const r = { x, y, width, height };
+  const style = getComputedStyle(el);
+  const { borderLeftWidth, borderTopWidth, borderRightWidth, borderBottomWidth } = style;
+  const borderXWidth = sum(borderLeftWidth, borderRightWidth);
+  const borderYWidth = sum(borderTopWidth, borderBottomWidth);
+  if (excludeBorders) {
+    r.width -= borderXWidth;
+    r.height -= borderYWidth;
+    r.x += px(borderLeftWidth);
+    r.y += px(borderTopWidth);
+  }
+  if (excludeScrollbar) {
+    const scrollbarWidth = el.offsetWidth - el.clientWidth - borderXWidth;
+    const scrollbarHeight = el.offsetHeight - el.clientHeight - borderYWidth;
+    r.width -= scrollbarWidth;
+    r.height -= scrollbarHeight;
+  }
+  return r;
+}
+var px = (v) => parseFloat(v.replace("px", ""));
+var sum = (...vals) => vals.reduce((sum2, v) => sum2 + (v ? px(v) : 0), 0);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getElementRect
+});

package/dist/from-element.mjs

@@ -0,0 +1,7 @@
+import {
+  getElementRect
+} from "./chunk-GVBSNO2Z.mjs";
+import "./chunk-YDYJCJQZ.mjs";
+export {
+  getElementRect
+};

package/dist/from-points.d.ts

@@ -0,0 +1,6 @@
+import { Rect } from './rect.js';
+import { Point } from './types.js';
+
+declare function getRectFromPoints(...pts: Point[]): Rect;
+
+export { getRectFromPoints };

package/dist/from-points.js

@@ -0,0 +1,61 @@
+"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/from-points.ts
+var from_points_exports = {};
+__export(from_points_exports, {
+  getRectFromPoints: () => getRectFromPoints
+});
+module.exports = __toCommonJS(from_points_exports);
+
+// src/rect.ts
+var point = (x, y) => ({ x, 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: point(midX, midY)
+  };
+}
+
+// src/from-points.ts
+function getRectFromPoints(...pts) {
+  const xs = pts.map((p) => p.x);
+  const ys = pts.map((p) => p.y);
+  const x = Math.min(...xs);
+  const y = Math.min(...ys);
+  const width = Math.max(...xs) - x;
+  const height = Math.max(...ys) - y;
+  return createRect({ x, y, width, height });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getRectFromPoints
+});

package/dist/from-points.mjs

@@ -0,0 +1,7 @@
+import {
+  getRectFromPoints
+} from "./chunk-TPU7B3ZS.mjs";
+import "./chunk-YDYJCJQZ.mjs";
+export {
+  getRectFromPoints
+};

package/dist/from-range.d.ts

@@ -0,0 +1,6 @@
+import { Rect } from './rect.js';
+import './types.js';
+
+declare function fromRange(range: Range): Rect;
+
+export { fromRange };

package/dist/from-range.js

@@ -0,0 +1,154 @@
+"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/from-range.ts
+var from_range_exports = {};
+__export(from_range_exports, {
+  fromRange: () => fromRange
+});
+module.exports = __toCommonJS(from_range_exports);
+
+// src/rect.ts
+var point = (x, y) => ({ x, 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: point(midX, midY)
+  };
+}
+
+// ../dom/src/get-computed-style.ts
+function getCache() {
+  const g = globalThis;
+  g.__styleCache = g.__styleCache || /* @__PURE__ */ new WeakMap();
+  return g.__styleCache;
+}
+function getComputedStyle(el) {
+  if (!el)
+    return {};
+  const cache = getCache();
+  let style = cache.get(el);
+  if (!style) {
+    const win = el?.ownerDocument.defaultView ?? window;
+    style = win.getComputedStyle(el);
+    cache.set(el, style);
+  }
+  return style;
+}
+
+// src/from-element.ts
+function getElementRect(el, opts = {}) {
+  return createRect(getClientRect(el, opts));
+}
+function getClientRect(el, opts = {}) {
+  const { excludeScrollbar = false, excludeBorders = false } = opts;
+  const { x, y, width, height } = el.getBoundingClientRect();
+  const r = { x, y, width, height };
+  const style = getComputedStyle(el);
+  const { borderLeftWidth, borderTopWidth, borderRightWidth, borderBottomWidth } = style;
+  const borderXWidth = sum(borderLeftWidth, borderRightWidth);
+  const borderYWidth = sum(borderTopWidth, borderBottomWidth);
+  if (excludeBorders) {
+    r.width -= borderXWidth;
+    r.height -= borderYWidth;
+    r.x += px(borderLeftWidth);
+    r.y += px(borderTopWidth);
+  }
+  if (excludeScrollbar) {
+    const scrollbarWidth = el.offsetWidth - el.clientWidth - borderXWidth;
+    const scrollbarHeight = el.offsetHeight - el.clientHeight - borderYWidth;
+    r.width -= scrollbarWidth;
+    r.height -= scrollbarHeight;
+  }
+  return r;
+}
+var px = (v) => parseFloat(v.replace("px", ""));
+var sum = (...vals) => vals.reduce((sum2, v) => sum2 + (v ? px(v) : 0), 0);
+
+// src/from-points.ts
+function getRectFromPoints(...pts) {
+  const xs = pts.map((p) => p.x);
+  const ys = pts.map((p) => p.y);
+  const x = Math.min(...xs);
+  const y = Math.min(...ys);
+  const width = Math.max(...xs) - x;
+  const height = Math.max(...ys) - y;
+  return createRect({ x, y, width, height });
+}
+
+// src/union.ts
+var { min, max } = Math;
+function union(...rs) {
+  const pMin = {
+    x: min.apply(
+      Math,
+      rs.map((r) => r.minX)
+    ),
+    y: min.apply(
+      Math,
+      rs.map((r) => r.minY)
+    )
+  };
+  const pMax = {
+    x: max.apply(
+      Math,
+      rs.map((r) => r.maxX)
+    ),
+    y: max.apply(
+      Math,
+      rs.map((r) => r.maxY)
+    )
+  };
+  return getRectFromPoints(pMin, pMax);
+}
+
+// src/from-range.ts
+function fromRange(range) {
+  let rs = [];
+  const rects = Array.from(range.getClientRects());
+  if (rects.length) {
+    rs = rs.concat(rects.map(createRect));
+    return union.apply(void 0, rs);
+  }
+  let start = range.startContainer;
+  if (start.nodeType === Node.TEXT_NODE) {
+    start = start.parentNode;
+  }
+  if (start instanceof HTMLElement) {
+    const r = getElementRect(start);
+    rs.push({ ...r, x: r.maxX, width: 0 });
+  }
+  return union.apply(void 0, rs);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  fromRange
+});

package/dist/from-range.mjs

@@ -0,0 +1,10 @@
+import {
+  fromRange
+} from "./chunk-AYWORFWQ.mjs";
+import "./chunk-NGMCS5TG.mjs";
+import "./chunk-GVBSNO2Z.mjs";
+import "./chunk-TPU7B3ZS.mjs";
+import "./chunk-YDYJCJQZ.mjs";
+export {
+  fromRange
+};

package/dist/from-rotation.d.ts

@@ -0,0 +1,8 @@
+import { Rect } from './rect.js';
+import { Point } from './types.js';
+
+declare function toRad(d: number): number;
+declare function rotate(a: Point, d: number, c: Point): Point;
+declare function getRotationRect(r: Rect, deg: number): Rect;
+
+export { getRotationRect, rotate, toRad };