@radix-ng/primitives 1.0.9 → 1.1.0

package/fesm2022/radix-ng-primitives-navigation-menu.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { inject, computed, Directive, ElementRef, input, signal, TemplateRef, booleanAttribute, effect, untracked, output, DestroyRef, isDevMode, model, numberAttribute, ViewContainerRef, Renderer2, NgModule } from '@angular/core';
 import * as i1 from '@radix-ng/primitives/popper';
-import { RdxPopperContentWrapper, RdxPopperArrow, RdxPopperContent, provideRdxPopperContentWrapper, provideRdxPopperContentConfig, RdxPopper } from '@radix-ng/primitives/popper';
+import { RdxPopperContentWrapper, RdxPopperArrow, RdxPopperContent, provideRdxPopperContentWrapper, provideRdxPopperContentConfig, DROPDOWN_COLLISION_AVOIDANCE, RdxPopper } from '@radix-ng/primitives/popper';
 import * as i2 from '@radix-ng/primitives/core';
 import { createContext, injectId, ENTER, SPACE, ARROW_LEFT, ARROW_RIGHT, ARROW_UP, ARROW_DOWN, RDX_FLOATING_ROOT_CONTEXT, RDX_FLOATING_REGISTRATION, TAB, HOME, END, rdxDevError, useGraceArea, createFloatingRootContext, useTransitionStatus, provideFloatingTree, provideFloatingRootContext, RdxFloatingNodeRegistration, createCancelableChangeEventDetails, injectDocument, getMaxTransitionDuration } from '@radix-ng/primitives/core';
 import * as i1$1 from '@radix-ng/primitives/composite';
@@ -658,7 +658,14 @@ class RdxNavigationMenuPositioner extends RdxPopperContentWrapper {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxNavigationMenuPositioner, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.2", type: RdxNavigationMenuPositioner, isStandalone: true, selector: "[rdxNavigationMenuPositioner]", host: { properties: { "attr.data-open": "rootContext.isOpen() ? \"\" : undefined", "attr.data-closed": "rootContext.isOpen() ? undefined : \"\"", "attr.data-instant": "rootContext.instant() ? \"\" : undefined", "style.--positioner-width.px": "rootContext.size()?.width", "style.--positioner-height.px": "rootContext.size()?.height" } }, providers: [
             ...provideRdxPopperContentWrapper(RdxNavigationMenuPositioner),
-            provideRdxPopperContentConfig({ arrowPadding: 5, collisionPadding: 5, updatePositionStrategy: 'always' })
+            // A (non-nested) navigation menu is dropdown-shaped: prefer top/bottom, don't fall back to the
+            // perpendicular axis (Base UI `NavigationMenuPositioner` applies DROPDOWN).
+            provideRdxPopperContentConfig({
+                arrowPadding: 5,
+                collisionPadding: 5,
+                collisionAvoidance: DROPDOWN_COLLISION_AVOIDANCE,
+                updatePositionStrategy: 'always'
+            })
         ], usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxNavigationMenuPositioner, decorators: [{
@@ -667,7 +674,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
                     selector: '[rdxNavigationMenuPositioner]',
                     providers: [
                         ...provideRdxPopperContentWrapper(RdxNavigationMenuPositioner),
-                        provideRdxPopperContentConfig({ arrowPadding: 5, collisionPadding: 5, updatePositionStrategy: 'always' })
+                        // A (non-nested) navigation menu is dropdown-shaped: prefer top/bottom, don't fall back to the
+                        // perpendicular axis (Base UI `NavigationMenuPositioner` applies DROPDOWN).
+                        provideRdxPopperContentConfig({
+                            arrowPadding: 5,
+                            collisionPadding: 5,
+                            collisionAvoidance: DROPDOWN_COLLISION_AVOIDANCE,
+                            updatePositionStrategy: 'always'
+                        })
                     ],
                     host: {
                         '[attr.data-open]': 'rootContext.isOpen() ? "" : undefined',