@zag-js/rect-utils 0.10.2 → 0.10.3

package/dist/from-points.js

@@ -1,51 +1,9 @@
-"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);
+'use strict';
 
-// src/from-points.ts
-var from_points_exports = {};
-__export(from_points_exports, {
-  getRectFromPoints: () => getRectFromPoints
-});
-module.exports = __toCommonJS(from_points_exports);
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-// 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)
-  };
-}
+const rect = require('./rect.js');
 
-// src/from-points.ts
 function getRectFromPoints(...pts) {
   const xs = pts.map((p) => p.x);
   const ys = pts.map((p) => p.y);
@@ -53,9 +11,7 @@ function getRectFromPoints(...pts) {
   const y = Math.min(...ys);
   const width = Math.max(...xs) - x;
   const height = Math.max(...ys) - y;
-  return createRect({ x, y, width, height });
+  return rect.createRect({ x, y, width, height });
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  getRectFromPoints
-});
+
+exports.getRectFromPoints = getRectFromPoints;

package/dist/from-points.mjs

@@ -1,7 +1,13 @@
-import {
-  getRectFromPoints
-} from "./chunk-D46YBNP3.mjs";
-import "./chunk-MNKJK37U.mjs";
-export {
-  getRectFromPoints
-};
+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,6 +1,2 @@
-import { Rect } from './rect.js';
-import './types.js';
-
-declare function fromRange(range: Range): Rect;
-
-export { fromRange };
+import { Rect } from "./rect";
+export declare function fromRange(range: Range): Rect;

package/dist/from-range.js

@@ -1,143 +1,27 @@
-"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)
-  };
-}
-
-// src/from-element.ts
-var 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;
-}
-var px = (v) => parseFloat(v.replace("px", ""));
-var sum = (...vals) => vals.reduce((sum2, v) => sum2 + (v ? px(v) : 0), 0);
+'use strict';
 
-// 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 });
-}
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-// 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);
-}
+const rect = require('./rect.js');
+const fromElement = require('./from-element.js');
+const union = require('./union.js');
 
-// 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);
+    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 = getElementRect(start);
+    const r = fromElement.getElementRect(start);
     rs.push({ ...r, x: r.maxX, width: 0 });
   }
-  return union.apply(void 0, rs);
+  return union.union.apply(void 0, rs);
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  fromRange
-});
+
+exports.fromRange = fromRange;

package/dist/from-range.mjs

@@ -1,10 +1,23 @@
-import {
-  fromRange
-} from "./chunk-25JXNQDO.mjs";
-import "./chunk-K4PDUEML.mjs";
-import "./chunk-BDA5H4ND.mjs";
-import "./chunk-D46YBNP3.mjs";
-import "./chunk-MNKJK37U.mjs";
-export {
-  fromRange
-};
+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,8 +1,5 @@
-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 };
+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,60 +1,9 @@
-"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);
+'use strict';
 
-// src/from-rotation.ts
-var from_rotation_exports = {};
-__export(from_rotation_exports, {
-  getRotationRect: () => getRotationRect,
-  rotate: () => rotate,
-  toRad: () => toRad
-});
-module.exports = __toCommonJS(from_rotation_exports);
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-// 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)
-  };
-}
-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 };
-}
+const rect = require('./rect.js');
 
-// src/from-rotation.ts
 function toRad(d) {
   return d % 360 * Math.PI / 180;
 }
@@ -70,23 +19,21 @@ function rotate(a, d, c) {
   };
 }
 function getRotationRect(r, deg) {
-  const rr = Object.values(getRectCorners(r)).map((p) => rotate(p, deg, r.center));
+  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 createRect({
+  return rect.createRect({
     x: minX,
     y: minY,
     width: maxX - minX,
     height: maxY - minY
   });
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  getRotationRect,
-  rotate,
-  toRad
-});
+
+exports.getRotationRect = getRotationRect;
+exports.rotate = rotate;
+exports.toRad = toRad;

package/dist/from-rotation.mjs

@@ -1,11 +1,33 @@
-import {
-  getRotationRect,
-  rotate,
-  toRad
-} from "./chunk-W5IPBTYQ.mjs";
-import "./chunk-MNKJK37U.mjs";
-export {
-  getRotationRect,
-  rotate,
-  toRad
-};
+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,7 +1,5 @@
-import { Rect } from './rect.js';
-import './types.js';
-
-type WindowRectOptions = {
+import { Rect } from "./rect";
+export type WindowRectOptions = {
     /**
      * Whether to exclude the element's scrollbar size from the calculation.
      */
@@ -10,15 +8,13 @@ type WindowRectOptions = {
 /**
  * Creates a rectange from window object
  */
-declare function getWindowRect(win: Window, opts?: WindowRectOptions): Rect;
+export declare function getWindowRect(win: Window, opts?: WindowRectOptions): Rect;
 /**
  * Get the rect of the window with the option to exclude the scrollbar
  */
-declare function getViewportRect(win: Window, opts: WindowRectOptions): {
+export declare function getViewportRect(win: Window, opts: WindowRectOptions): {
     x: number;
     y: number;
     width: number;
     height: number;
 };
-
-export { WindowRectOptions, getViewportRect, getWindowRect };

package/dist/from-window.js

@@ -1,54 +1,11 @@
-"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);
+'use strict';
 
-// src/from-window.ts
-var from_window_exports = {};
-__export(from_window_exports, {
-  getViewportRect: () => getViewportRect,
-  getWindowRect: () => getWindowRect
-});
-module.exports = __toCommonJS(from_window_exports);
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-// 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)
-  };
-}
+const rect = require('./rect.js');
 
-// src/from-window.ts
 function getWindowRect(win, opts = {}) {
-  return createRect(getViewportRect(win, opts));
+  return rect.createRect(getViewportRect(win, opts));
 }
 function getViewportRect(win, opts) {
   const { excludeScrollbar = false } = opts;
@@ -64,8 +21,6 @@ function getViewportRect(win, opts) {
   }
   return rect;
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  getViewportRect,
-  getWindowRect
-});
+
+exports.getViewportRect = getViewportRect;
+exports.getWindowRect = getWindowRect;

package/dist/from-window.mjs

@@ -1,9 +1,21 @@
-import {
-  getViewportRect,
-  getWindowRect
-} from "./chunk-2FRM3R57.mjs";
-import "./chunk-MNKJK37U.mjs";
-export {
-  getViewportRect,
-  getWindowRect
-};
+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,8 +1,5 @@
-import { RectValue } from './types.js';
-
-declare function getElementPolygon(rectValue: RectValue, placement: string): {
+import type { RectValue } from "./types";
+export declare function getElementPolygon(rectValue: RectValue, placement: string): {
     x: number;
     y: number;
 }[] | undefined;
-
-export { getElementPolygon };

package/dist/get-polygon.js

@@ -1,61 +1,12 @@
-"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);
+'use strict';
 
-// src/get-polygon.ts
-var get_polygon_exports = {};
-__export(get_polygon_exports, {
-  getElementPolygon: () => getElementPolygon
-});
-module.exports = __toCommonJS(get_polygon_exports);
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-// 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)
-  };
-}
-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 };
-}
+const rect = require('./rect.js');
 
-// src/get-polygon.ts
 function getElementPolygon(rectValue, placement) {
-  const rect = createRect(rectValue);
-  const { top, right, left, bottom } = getRectCorners(rect);
+  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],
@@ -64,7 +15,5 @@ function getElementPolygon(rectValue, placement) {
     left: [right, top, left, bottom]
   }[base];
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  getElementPolygon
-});
+
+exports.getElementPolygon = getElementPolygon;

package/dist/get-polygon.mjs

@@ -1,7 +1,15 @@
-import {
-  getElementPolygon
-} from "./chunk-BRVYSREB.mjs";
-import "./chunk-MNKJK37U.mjs";
-export {
-  getElementPolygon
-};
+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 };