@ngrdt/menu 0.0.71 → 0.0.74

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();
@@ -1238,7 +1243,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImpor
 class RdtMenuComponent extends RdtMenuBaseComponent {
     buttonClass = inject(RDT_BUTTON_BASE_PROVIDER);
     trigger = input.required();
-    dataTestId = input('');
     items = input.required();
     allParsedItems = computed(() => {
         const items = this.items();
@@ -1271,11 +1275,6 @@ class RdtMenuComponent extends RdtMenuBaseComponent {
         const trigger = this.trigger();
         trigger.tabIndex.set(0);
     });
-    triggerDataTestIdEffect = effect(() => {
-        const trigger = this.trigger();
-        const dataTestId = this.dataTestId();
-        trigger.dataTestId.set(dataTestId);
-    });
     triggerAriaEffect = effect(() => {
         const trigger = this.trigger();
         const expandedChild = this.expandedChild();
@@ -1308,7 +1307,7 @@ class RdtMenuComponent extends RdtMenuBaseComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.0", type: RdtMenuComponent, isStandalone: false, selector: "rdt-menu", inputs: { trigger: { classPropertyName: "trigger", publicName: "trigger", isSignal: true, isRequired: true, transformFunction: null }, dataTestId: { classPropertyName: "dataTestId", publicName: "dataTestId", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.0", type: RdtMenuComponent, isStandalone: false, selector: "rdt-menu", inputs: { trigger: { classPropertyName: "trigger", publicName: "trigger", isSignal: true, isRequired: true, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null } }, providers: [
             {
                 provide: RdtMenuBaseComponent,
                 useExisting: RdtMenuComponent,