center-center 0.0.36 → 0.0.38

package/index.mjs

@@ -138,13 +138,37 @@ export function getViewportRect () {
   }
 }
 
+/**
+ * Gets a `Rect` for an SVG element
+ *
+ * @param {Element} element
+ * @returns {CenterCenterRect}
+*/
+export function getSVGElementRect (element) {
+  const {
+    x: left,
+    y: top,
+    width,
+    height
+  } = element.getBBox()
+
+  return {
+    left,
+    top,
+    width,
+    height,
+    right: (left + width),
+    bottom: (top + height)
+  }
+}
+
 /**
  * Gets a `Rect` for a DOM element
  *
  * @param {Element} element
  * @returns {CenterCenterRect}
 */
-export function getElementRect (element) {
+export function getDOMElementRect (element) {
   const {
     scrollLeft: l,
     scrollTop: t
@@ -171,20 +195,60 @@ export function getElementRect (element) {
 }
 
 /**
- * Gets `Rects` for the viewport as well as the container and target elements
+ * Gets a `Rect` for a DOM element
+ *
+ * @param {Element} element
+ * @returns {CenterCenterRect}
+*/
+export function getElementRect (element) {
+  return (
+    getDOMElementRect(element)
+  )
+}
+
+/**
+ * Gets `Rects` for the viewport as well as the DOM container and DOM target elements
  *
  * @param {Element} container
  * @param {Element} target
  * @returns {CenterCenterRects}
  */
-export function getRects (container, target) {
+export function getSVGRects (container, target) {
+  return {
+    viewport: getViewportRect(),
+    container: getDOMElementRect(container),
+    target: getSVGElementRect(target)
+  }
+}
+
+/**
+ * Gets `Rects` for the viewport as well as the DOM container and DOM target elements
+ *
+ * @param {Element} container
+ * @param {Element} target
+ * @returns {CenterCenterRects}
+ */
+export function getDOMRects (container, target) {
   return {
     viewport: getViewportRect(),
-    container: getElementRect(container),
-    target: getElementRect(target)
+    container: getDOMElementRect(container),
+    target: getDOMElementRect(target)
   }
 }
 
+/**
+ * Gets `Rects` for the viewport as well as the container and target elements
+ *
+ * @param {Element} container
+ * @param {Element} target
+ * @returns {CenterCenterRects}
+ */
+export function getRects (container, target) {
+  return (
+    getDOMRects(container, target)
+  )
+}
+
 /**
  * Calculates the target `left` position
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "center-center",
-  "version": "0.0.36",
+  "version": "0.0.38",
   "description": "Position an element at the center center of a container",
   "main": "./index.mjs",
   "type": "module",
@@ -36,8 +36,8 @@
     "@babel/eslint-parser": "^7.23.10",
     "@babel/preset-env": "^7.24.0",
     "@sequencemedia/hooks": "^1.0.483",
-    "@typescript-eslint/eslint-plugin": "^7.1.0",
-    "@typescript-eslint/parser": "^7.1.0",
+    "@typescript-eslint/eslint-plugin": "^7.1.1",
+    "@typescript-eslint/parser": "^7.1.1",
     "chai": "^5.1.0",
     "core-js": "^3.36.0",
     "cross-env": "^7.0.3",