cotomy 0.3.15 → 0.3.16

package/README.md

@@ -94,6 +94,8 @@ The View layer provides thin wrappers around DOM elements and window events.
   - `screenPosition(): { top, left }`
   - `rect(): { top, left, width, height }`
   - `innerRect()` — Subtracts padding
+  - `overlaps(target: CotomyElement): boolean` — True if the two elements' `rect` values overlap (AABB)
+  - `overlapElements: CotomyElement[]` — Returns other CotomyElements (by `data-cotomy-instance`) that overlap this element
 - Events
   - Generic: `on(eventOrEvents, handler, options?)`, `off(eventOrEvents, handler?, options?)`, `once(eventOrEvents, handler, options?)`, `trigger(event[, Event])` — `eventOrEvents` accepts either a single event name or an array for batch registration/removal. `trigger` emits bubbling events by default and can be customized by passing an `Event`.
   - Delegation: `onSubTree(eventOrEvents, selector, handler, options?)` — `eventOrEvents` can also be an array for listening to multiple delegated events at once.

package/dist/browser/cotomy.js

@@ -1278,6 +1278,36 @@ class CotomyElement {
             height: rect.height + margin.top + margin.bottom
         };
     }
+    static overlapsRect(left, right) {
+        if (left.width <= 0 || left.height <= 0 || right.width <= 0 || right.height <= 0) {
+            return false;
+        }
+        const leftRight = left.left + left.width;
+        const leftBottom = left.top + left.height;
+        const rightRight = right.left + right.width;
+        const rightBottom = right.top + right.height;
+        return left.left < rightRight
+            && leftRight > right.left
+            && left.top < rightBottom
+            && leftBottom > right.top;
+    }
+    overlaps(target) {
+        if (!this.attached || !target.attached) {
+            return false;
+        }
+        if (this.element === target.element) {
+            return false;
+        }
+        return CotomyElement.overlapsRect(this.rect, target.rect);
+    }
+    get overlapElements() {
+        if (!this.attached) {
+            return [];
+        }
+        return CotomyElement.find("[data-cotomy-instance]")
+            .filter(e => e.element !== this.element)
+            .filter(e => this.overlaps(e));
+    }
     get padding() {
         const style = this.getComputedStyle();
         return {