@tixyel/streamelements 7.14.0 → 7.14.1

package/dist/index.d.ts

@@ -2519,6 +2519,73 @@ declare class ElementHelper {
      * ```
      */
     escapeHtml(value: string): string;
+    /**
+     * Get the relative position of a square
+     * @param dimensions - The square dimensions and positions
+     * @returns All the relative positions
+     * @example
+     * ```js
+     * const positions = relativePositions({ width: 10, height: 10, left: 20, top: 20 });
+     * // positions.center = { x: 25, y: 25 }
+     * // positions.bottom = { x: 25, y: 30 }
+     * // ...
+     * ```
+     */
+    relativePositions({ width, height, left, top, }: {
+        width: number;
+        height: number;
+        left: number;
+        top: number;
+    }): {
+        center: {
+            x: number;
+            y: number;
+        };
+        top: {
+            x: number;
+            y: number;
+        };
+        bottom: {
+            x: number;
+            y: number;
+        };
+        left: {
+            x: number;
+            y: number;
+        };
+        right: {
+            x: number;
+            y: number;
+        };
+        'top-left': {
+            x: number;
+            y: number;
+        };
+        'top-right': {
+            x: number;
+            y: number;
+        };
+        'bottom-left': {
+            x: number;
+            y: number;
+        };
+        'bottom-right': {
+            x: number;
+            y: number;
+        };
+    };
+    getRelativePositionToAncestor(element: HTMLElement, ancestor: HTMLElement): {
+        left: number;
+        top: number;
+        width: number;
+        height: number;
+    };
+    svg: {
+        getDimensionsFromViewBox(svgElement: SVGElement | string): {
+            width: number;
+            height: number;
+        };
+    };
 }
 type CSSValue = string | number | null | undefined;
 

package/dist/index.es.js

@@ -156,6 +156,24 @@ var e = Object.defineProperty, t = (t, n) => {
 		return n ? Number(r.toFixed(n)) : Math.round(r);
 	}
 }, r = class {
+	constructor() {
+		this.svg = { getDimensionsFromViewBox(e) {
+			let t;
+			if (typeof e == "string") {
+				let n = e.match(/viewBox="([^"]+)"/);
+				if (!n) throw Error("Invalid SVG: viewBox not found");
+				t = n[1].split(" ").map(Number);
+			} else {
+				let n = e.getAttribute("viewBox");
+				if (!n) throw Error("Invalid SVG: viewBox not found");
+				t = n.split(" ").map(Number);
+			}
+			return {
+				width: t[2],
+				height: t[3]
+			};
+		} };
+	}
 	mergeSpanStyles(e, t, n) {
 		let r = t.match(/^<span(?: class="[^"]*")? style="([^"]*)">(.*)<\/span>$/s);
 		if (r) {
@@ -264,6 +282,55 @@ var e = Object.defineProperty, t = (t, n) => {
 		};
 		return e.replace(/[&<>"']/g, (e) => t[e]);
 	}
+	relativePositions({ width: e, height: t, left: n, top: r }) {
+		return {
+			center: {
+				x: n + e / 2,
+				y: r + t / 2
+			},
+			top: {
+				x: n + e / 2,
+				y: r
+			},
+			bottom: {
+				x: n + e / 2,
+				y: r + t
+			},
+			left: {
+				x: n,
+				y: r + t / 2
+			},
+			right: {
+				x: n + e,
+				y: r + t / 2
+			},
+			"top-left": {
+				x: n,
+				y: r
+			},
+			"top-right": {
+				x: n + e,
+				y: r
+			},
+			"bottom-left": {
+				x: n,
+				y: r + t
+			},
+			"bottom-right": {
+				x: n + e,
+				y: r + t
+			}
+		};
+	}
+	getRelativePositionToAncestor(e, t) {
+		let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = t === document.body, a = t === document.documentElement, o = window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft, s = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop, c = a || i ? o : t.scrollLeft, l = a || i ? s : t.scrollTop, u = t.clientLeft || 0, d = t.clientTop || 0, f = n.left - r.left + c - u, p = n.top - r.top + l - d;
+		return {
+			left: Math.round(f),
+			top: Math.round(p),
+			width: Math.round(n.width),
+			height: Math.round(n.height)
+		};
+	}
 }, i = class {
 	flatten(e, t = !0, n = "") {
 		let r = {};