@zag-js/rect-utils 0.10.4 → 0.11.0

package/dist/closest.js

@@ -1,53 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const distance = require('./distance.js');
-
-function closest(...pts) {
-  return (a) => {
-    const ds = pts.map((b) => distance.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;
-}
-
-exports.closest = closest;
-exports.closestSideToPoint = closestSideToPoint;
-exports.closestSideToRect = closestSideToRect;

package/dist/closest.mjs

@@ -1,47 +0,0 @@
-import { distance } from './distance.mjs';
-
-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;
-}
-
-export { closest, closestSideToPoint, closestSideToRect };

package/dist/contains.d.ts

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

package/dist/contains.js

@@ -1,19 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const rect = require('./rect.js');
-
-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(rect.getRectCorners(b)).every((c) => containsPoint(a, c));
-}
-function contains(r, v) {
-  return rect.isRect(v) ? containsRect(r, v) : containsPoint(r, v);
-}
-
-exports.contains = contains;
-exports.containsPoint = containsPoint;
-exports.containsRect = containsRect;

package/dist/contains.mjs

@@ -1,13 +0,0 @@
-import { getRectCorners, isRect } from './rect.mjs';
-
-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);
-}
-
-export { contains, containsPoint, containsRect };

package/dist/distance.d.ts

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

package/dist/distance.js

@@ -1,48 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const intersection = require('./intersection.js');
-
-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 (intersection.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
-  };
-}
-
-exports.distance = distance;
-exports.distanceBtwEdges = distanceBtwEdges;
-exports.distanceFromPoint = distanceFromPoint;
-exports.distanceFromRect = distanceFromRect;

package/dist/distance.mjs

@@ -1,41 +0,0 @@
-import { intersects } from './intersection.mjs';
-
-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
-  };
-}
-
-export { distance, distanceBtwEdges, distanceFromPoint, distanceFromRect };

package/dist/from-element.d.ts

@@ -1,12 +0,0 @@
-import { Rect } from "./rect";
-export declare function getElementRect(el: HTMLElement, opts?: ElementRectOptions): Rect;
-export 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;
-};

package/dist/from-element.js

@@ -1,43 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const rect = require('./rect.js');
-
-const styleCache = /* @__PURE__ */ new WeakMap();
-function getCacheComputedStyle(el) {
-  if (!styleCache.has(el)) {
-    const win = el.ownerDocument.defaultView || window;
-    styleCache.set(el, win.getComputedStyle(el));
-  }
-  return styleCache.get(el);
-}
-function getElementRect(el, opts = {}) {
-  return rect.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 = getCacheComputedStyle(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;
-}
-const px = (v) => parseFloat(v.replace("px", ""));
-const sum = (...vals) => vals.reduce((sum2, v) => sum2 + (v ? px(v) : 0), 0);
-
-exports.getElementRect = getElementRect;

package/dist/from-element.mjs

@@ -1,39 +0,0 @@
-import { createRect } from './rect.mjs';
-
-const styleCache = /* @__PURE__ */ new WeakMap();
-function getCacheComputedStyle(el) {
-  if (!styleCache.has(el)) {
-    const win = el.ownerDocument.defaultView || window;
-    styleCache.set(el, win.getComputedStyle(el));
-  }
-  return styleCache.get(el);
-}
-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 = getCacheComputedStyle(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;
-}
-const px = (v) => parseFloat(v.replace("px", ""));
-const sum = (...vals) => vals.reduce((sum2, v) => sum2 + (v ? px(v) : 0), 0);
-
-export { getElementRect };

package/dist/from-points.d.ts

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

package/dist/from-points.js

@@ -1,17 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const rect = require('./rect.js');
-
-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 rect.createRect({ x, y, width, height });
-}
-
-exports.getRectFromPoints = getRectFromPoints;

package/dist/from-points.mjs

@@ -1,13 +0,0 @@
-import { createRect } from './rect.mjs';
-
-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 });
-}
-
-export { getRectFromPoints };

package/dist/from-range.d.ts

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

package/dist/from-range.js

@@ -1,27 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const rect = require('./rect.js');
-const fromElement = require('./from-element.js');
-const union = require('./union.js');
-
-function fromRange(range) {
-  let rs = [];
-  const rects = Array.from(range.getClientRects());
-  if (rects.length) {
-    rs = rs.concat(rects.map(rect.createRect));
-    return union.union.apply(void 0, rs);
-  }
-  let start = range.startContainer;
-  if (start.nodeType === Node.TEXT_NODE) {
-    start = start.parentNode;
-  }
-  if (start instanceof HTMLElement) {
-    const r = fromElement.getElementRect(start);
-    rs.push({ ...r, x: r.maxX, width: 0 });
-  }
-  return union.union.apply(void 0, rs);
-}
-
-exports.fromRange = fromRange;

package/dist/from-range.mjs

@@ -1,23 +0,0 @@
-import { createRect } from './rect.mjs';
-import { getElementRect } from './from-element.mjs';
-import { union } from './union.mjs';
-
-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);
-}
-
-export { fromRange };

package/dist/from-rotation.d.ts

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

package/dist/from-rotation.js

@@ -1,39 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const rect = require('./rect.js');
-
-function toRad(d) {
-  return d % 360 * Math.PI / 180;
-}
-function rotate(a, d, c) {
-  const r = toRad(d);
-  const sin = Math.sin(r);
-  const cos = Math.cos(r);
-  const x = a.x - c.x;
-  const y = a.y - c.y;
-  return {
-    x: c.x + x * cos - y * sin,
-    y: c.y + x * sin + y * cos
-  };
-}
-function getRotationRect(r, deg) {
-  const rr = Object.values(rect.getRectCorners(r)).map((p) => rotate(p, deg, r.center));
-  const xs = rr.map((p) => p.x);
-  const ys = rr.map((p) => p.y);
-  const minX = Math.min(...xs);
-  const minY = Math.min(...ys);
-  const maxX = Math.max(...xs);
-  const maxY = Math.max(...ys);
-  return rect.createRect({
-    x: minX,
-    y: minY,
-    width: maxX - minX,
-    height: maxY - minY
-  });
-}
-
-exports.getRotationRect = getRotationRect;
-exports.rotate = rotate;
-exports.toRad = toRad;

package/dist/from-rotation.mjs

@@ -1,33 +0,0 @@
-import { getRectCorners, createRect } from './rect.mjs';
-
-function toRad(d) {
-  return d % 360 * Math.PI / 180;
-}
-function rotate(a, d, c) {
-  const r = toRad(d);
-  const sin = Math.sin(r);
-  const cos = Math.cos(r);
-  const x = a.x - c.x;
-  const y = a.y - c.y;
-  return {
-    x: c.x + x * cos - y * sin,
-    y: c.y + x * sin + y * cos
-  };
-}
-function getRotationRect(r, deg) {
-  const rr = Object.values(getRectCorners(r)).map((p) => rotate(p, deg, r.center));
-  const xs = rr.map((p) => p.x);
-  const ys = rr.map((p) => p.y);
-  const minX = Math.min(...xs);
-  const minY = Math.min(...ys);
-  const maxX = Math.max(...xs);
-  const maxY = Math.max(...ys);
-  return createRect({
-    x: minX,
-    y: minY,
-    width: maxX - minX,
-    height: maxY - minY
-  });
-}
-
-export { getRotationRect, rotate, toRad };

package/dist/from-window.d.ts

@@ -1,20 +0,0 @@
-import { Rect } from "./rect";
-export type WindowRectOptions = {
-    /**
-     * Whether to exclude the element's scrollbar size from the calculation.
-     */
-    excludeScrollbar?: boolean;
-};
-/**
- * Creates a rectange from window object
- */
-export declare function getWindowRect(win: Window, opts?: WindowRectOptions): Rect;
-/**
- * Get the rect of the window with the option to exclude the scrollbar
- */
-export declare function getViewportRect(win: Window, opts: WindowRectOptions): {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-};

package/dist/from-window.js

@@ -1,26 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const rect = require('./rect.js');
-
-function getWindowRect(win, opts = {}) {
-  return rect.createRect(getViewportRect(win, opts));
-}
-function getViewportRect(win, opts) {
-  const { excludeScrollbar = false } = opts;
-  const { innerWidth, innerHeight, document: doc, visualViewport } = win;
-  const width = visualViewport?.width || innerWidth;
-  const height = visualViewport?.height || innerHeight;
-  const rect = { x: 0, y: 0, width, height };
-  if (excludeScrollbar) {
-    const scrollbarWidth = innerWidth - doc.documentElement.clientWidth;
-    const scrollbarHeight = innerHeight - doc.documentElement.clientHeight;
-    rect.width -= scrollbarWidth;
-    rect.height -= scrollbarHeight;
-  }
-  return rect;
-}
-
-exports.getViewportRect = getViewportRect;
-exports.getWindowRect = getWindowRect;

package/dist/from-window.mjs

@@ -1,21 +0,0 @@
-import { createRect } from './rect.mjs';
-
-function getWindowRect(win, opts = {}) {
-  return createRect(getViewportRect(win, opts));
-}
-function getViewportRect(win, opts) {
-  const { excludeScrollbar = false } = opts;
-  const { innerWidth, innerHeight, document: doc, visualViewport } = win;
-  const width = visualViewport?.width || innerWidth;
-  const height = visualViewport?.height || innerHeight;
-  const rect = { x: 0, y: 0, width, height };
-  if (excludeScrollbar) {
-    const scrollbarWidth = innerWidth - doc.documentElement.clientWidth;
-    const scrollbarHeight = innerHeight - doc.documentElement.clientHeight;
-    rect.width -= scrollbarWidth;
-    rect.height -= scrollbarHeight;
-  }
-  return rect;
-}
-
-export { getViewportRect, getWindowRect };

package/dist/get-polygon.d.ts

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

package/dist/get-polygon.js

@@ -1,19 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const rect = require('./rect.js');
-
-function getElementPolygon(rectValue, placement) {
-  const rect$1 = rect.createRect(rectValue);
-  const { top, right, left, bottom } = rect.getRectCorners(rect$1);
-  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];
-}
-
-exports.getElementPolygon = getElementPolygon;

package/dist/get-polygon.mjs

@@ -1,15 +0,0 @@
-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];
-}
-
-export { getElementPolygon };

package/dist/intersection.d.ts

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

package/dist/intersection.js

@@ -1,28 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const rect = require('./rect.js');
-
-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 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
-  };
-}
-
-exports.collisions = collisions;
-exports.intersection = intersection;
-exports.intersects = intersects;