@zag-js/rect-utils 1.34.1 → 1.35.0

package/dist/from-element.js

@@ -0,0 +1,65 @@
+"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);
+var import_rect = require("./rect.cjs");
+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 (0, import_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;
+}
+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,42 @@
+import "./chunk-QZ7TP4HQ.mjs";
+
+// src/from-element.ts
+import { createRect } from "./rect.mjs";
+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);
+export {
+  getElementRect
+};

package/dist/from-points.d.mts

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

package/dist/from-points.d.ts

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

package/dist/from-points.js

@@ -0,0 +1,39 @@
+"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);
+var import_rect = require("./rect.cjs");
+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 (0, import_rect.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,16 @@
+import "./chunk-QZ7TP4HQ.mjs";
+
+// src/from-points.ts
+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.mts

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

package/dist/from-range.d.ts

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

package/dist/from-range.js

@@ -0,0 +1,49 @@
+"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);
+var import_rect = require("./rect.cjs");
+var import_from_element = require("./from-element.cjs");
+var import_union = require("./union.cjs");
+function fromRange(range) {
+  let rs = [];
+  const rects = Array.from(range.getClientRects());
+  if (rects.length) {
+    rs = rs.concat(rects.map(import_rect.createRect));
+    return import_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 = (0, import_from_element.getElementRect)(start);
+    rs.push({ ...r, x: r.maxX, width: 0 });
+  }
+  return import_union.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,26 @@
+import "./chunk-QZ7TP4HQ.mjs";
+
+// src/from-range.ts
+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.mts

@@ -0,0 +1,7 @@
+import { Rect, Point } from './types.mjs';
+
+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 };

package/dist/from-rotation.d.ts

@@ -0,0 +1,7 @@
+import { Rect, 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 };

package/dist/from-rotation.js

@@ -0,0 +1,63 @@
+"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-rotation.ts
+var from_rotation_exports = {};
+__export(from_rotation_exports, {
+  getRotationRect: () => getRotationRect,
+  rotate: () => rotate,
+  toRad: () => toRad
+});
+module.exports = __toCommonJS(from_rotation_exports);
+var import_rect = require("./rect.cjs");
+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((0, import_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 (0, import_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
+});

package/dist/from-rotation.mjs

@@ -0,0 +1,38 @@
+import "./chunk-QZ7TP4HQ.mjs";
+
+// src/from-rotation.ts
+import { createRect, getRectCorners } 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.mts

@@ -0,0 +1,23 @@
+import { Rect } from './types.mjs';
+
+type WindowRectOptions = {
+    /**
+     * Whether to exclude the element's scrollbar size from the calculation.
+     */
+    excludeScrollbar?: boolean | undefined;
+};
+/**
+ * Creates a rectangle from window object
+ */
+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): {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+
+export { type WindowRectOptions, getViewportRect, getWindowRect };

package/dist/from-window.d.ts

@@ -0,0 +1,23 @@
+import { Rect } from './types.js';
+
+type WindowRectOptions = {
+    /**
+     * Whether to exclude the element's scrollbar size from the calculation.
+     */
+    excludeScrollbar?: boolean | undefined;
+};
+/**
+ * Creates a rectangle from window object
+ */
+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): {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+
+export { type WindowRectOptions, getViewportRect, getWindowRect };

package/dist/from-window.js

@@ -0,0 +1,49 @@
+"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-window.ts
+var from_window_exports = {};
+__export(from_window_exports, {
+  getViewportRect: () => getViewportRect,
+  getWindowRect: () => getWindowRect
+});
+module.exports = __toCommonJS(from_window_exports);
+var import_rect = require("./rect.cjs");
+function getWindowRect(win, opts = {}) {
+  return (0, import_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;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getViewportRect,
+  getWindowRect
+});

package/dist/from-window.mjs

@@ -0,0 +1,25 @@
+import "./chunk-QZ7TP4HQ.mjs";
+
+// src/from-window.ts
+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
+};