center-center 0.0.37 → 0.0.39

package/index.d.mts

@@ -4,7 +4,11 @@ export function getLeft (element: Element | SVGElement): number
 export function getTop (element: Element | SVGElement): number
 export function getScrollingElement (): ScrollingElement
 export function getViewportRect (): CenterCenterRect
+export function getDOMElementRect (element: Element): CenterCenterRect
+export function getSVGElementRect (element: SVGElement): CenterCenterRect
 export function getElementRect (element: Element | SVGElement): CenterCenterRect
+export function getDOMRects (container: Element, target: Element): CenterCenterRects
+export function getSVGRects (container: Element, target: SVGElement): CenterCenterRects
 export function getRects (container: Element, target: Element | SVGElement): CenterCenterRects
 export function calculateLeft (rects: CenterCenterRects): number
 export function calculateTop (rects: CenterCenterRects): number

package/index.mjs

@@ -138,16 +138,40 @@ 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
+    scrollLeft,
+    scrollTop
   } = getScrollingElement()
 
   const {
@@ -157,8 +181,8 @@ export function getElementRect (element) {
     height
   } = element.getBoundingClientRect()
 
-  const left = l + x
-  const top = t + y
+  const left = (scrollLeft + x)
+  const top = (scrollTop + y)
 
   return {
     left,
@@ -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.37",
+  "version": "0.0.39",
   "description": "Position an element at the center center of a container",
   "main": "./index.mjs",
   "type": "module",