@ngrdt/menu 0.0.69 → 0.0.72

package/fesm2022/ngrdt-menu.mjs

@@ -11,7 +11,7 @@ import * as i3 from '@ngrdt/router';
 import { RdtRouterService, RdtAnyRouteActiveDirective } from '@ngrdt/router';
 import * as i4 from '@ngrdt/shortcuts';
 import { RdtShortcutService, RdtShortcut, RdtKeyListenerDirective } from '@ngrdt/shortcuts';
-import { RdtStringUtils, KB_CODE, RdtObjectUtils, RdtDomUtils } from '@ngrdt/utils';
+import { RdtStringUtils, KB_CODE, RdtObjectUtils } from '@ngrdt/utils';
 import { delay, of, map, first, merge, fromEvent, throttleTime, animationFrameScheduler, switchMap, withLatestFrom } from 'rxjs';
 import { RDT_BUTTON_BASE_PROVIDER } from '@ngrdt/button';
 
@@ -306,6 +306,7 @@ class RdtMenuOverlayComponent {
         return this.topLevelMenu.bodyMargin.top;
     }
     getMaxOffsetTop() {
+        console.log(this.item().label, this.topLevelMenu.clientSize.height, this._box.height, this.topLevelMenu.bodyMargin.bottom);
         return (this.topLevelMenu.clientSize.height -
             this._box.height -
             this.topLevelMenu.bodyMargin.bottom);
@@ -803,9 +804,9 @@ class RdtMenuBaseComponent {
         }
     });
     get clientSize() {
-        return this._clientSize;
+        return this._windowSize;
     }
-    _clientSize;
+    _windowSize;
     get bodyMargin() {
         return this._bodyMargin;
     }
@@ -833,10 +834,14 @@ class RdtMenuBaseComponent {
     constructor() {
         this.listenShortcuts();
         afterNextRender(() => {
-            this.listenResizeScroll();
+            this.listenWindowResizeScroll();
             this.measure();
             this.recalculateChildren();
         });
+        setTimeout(() => {
+            this.measure();
+            this.recalculateChildren();
+        }, 1000);
     }
     recalcChildrenEffect = effect(() => this.recalculateChildren());
     recalculateChildren() {
@@ -1047,6 +1052,7 @@ class RdtMenuBaseComponent {
         this.measureButtonContainer();
         this.measureClientSize();
         this.readMargin();
+        console.log('containerRect', this.buttonContainerRect);
     }
     readMargin() {
         const computedStyle = getComputedStyle(this.elRef.nativeElement);
@@ -1062,9 +1068,9 @@ class RdtMenuBaseComponent {
         };
     }
     measureClientSize() {
-        this._clientSize = {
-            width: this.document.body.clientWidth,
-            height: this.document.body.clientHeight,
+        this._windowSize = {
+            width: window.innerWidth,
+            height: window.innerHeight,
         };
     }
     measureButtonContainer() {
@@ -1076,9 +1082,8 @@ class RdtMenuBaseComponent {
             this._buttonContainerRect = undefined;
         }
     }
-    listenResizeScroll() {
-        const element = this.elRef.nativeElement;
-        merge(RdtDomUtils.getResizeEvent$(element), fromEvent(window, 'scroll'))
+    listenWindowResizeScroll() {
+        merge(fromEvent(window, 'resize'), fromEvent(window, 'scroll'))
             .pipe(throttleTime(0, animationFrameScheduler, { trailing: true }), takeUntilDestroyed(this.destroyRef))
             .subscribe(() => {
             this.measure();