@elderbyte/ngx-starter 20.0.0-beta.5 → 20.0.0

package/fesm2022/elderbyte-ngx-starter.mjs

@@ -9826,15 +9826,21 @@ class DomUtil {
         if (!element) {
             return false;
         }
-        if (!DomUtil.isElementVisibleInDOM(element)) {
+        if (!DomUtil.isVisibleInDOM(element)) {
             return false;
         }
-        if (!DomUtil.isElementInViewport(element)) {
+        if (DomUtil.isObscuredByOpenDrawer(element)) {
+            return false;
+        }
+        if (!DomUtil.isInViewport(element)) {
             return false;
         }
         return true;
     }
-    static isElementVisibleInDOM(element) {
+    /**
+     * Determines if the element or a parent is not hidden by css
+     */
+    static isVisibleInDOM(element) {
         let currentElement = element;
         while (currentElement) {
             const style = window.getComputedStyle(currentElement);
@@ -9851,12 +9857,27 @@ class DomUtil {
         }
         return true;
     }
-    static isElementInViewport(element) {
+    /**
+     * Determines if the element is in the viewport.
+     */
+    static isInViewport(element) {
         const rect = element.getBoundingClientRect();
         const windowHeight = window.innerHeight || document.documentElement.clientHeight;
         const windowWidth = window.innerWidth || document.documentElement.clientWidth;
         return rect.bottom > 0 && rect.right > 0 && rect.top < windowHeight && rect.left < windowWidth;
     }
+    /**
+     * Determines if the element is obscured by an open drawer (i.e., there's an open drawer and the element is not within it).
+     */
+    static isObscuredByOpenDrawer(element) {
+        const openDrawerClass = 'mat-drawer-opened';
+        const isOpenDrawerElementChildOfDocument = document.querySelector(`.${openDrawerClass}`);
+        if (!isOpenDrawerElementChildOfDocument) {
+            return false;
+        }
+        const isElementInOpenDrawer = isOpenDrawerElementChildOfDocument.contains(element);
+        return !isElementInOpenDrawer;
+    }
 }
 
 class MemoryStorage {