@radix-ng/primitives 0.33.0 → 0.33.1

package/navigation-menu/src/navigation-menu-viewport.directive.d.ts

@@ -7,6 +7,8 @@ export declare class RdxNavigationMenuViewportDirective implements OnInit, OnDes
     private readonly elementRef;
     private readonly viewContainerRef;
     private readonly renderer;
+    private readonly zone;
+    private readonly destroyRef;
     /**
      * Used to keep the viewport rendered and available in the DOM, even when closed.
      * Useful for animations.
@@ -15,24 +17,45 @@ export declare class RdxNavigationMenuViewportDirective implements OnInit, OnDes
     readonly forceMount: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     private readonly _contentNodes;
     private readonly _activeContentNode;
+    private readonly _leavingContentNode;
     private readonly _viewportSize;
-    private readonly _resizeObserver;
-    readonly activeContentValue: import("@angular/core").Signal<string>;
+    readonly activeContentValue: import("@angular/core").Signal<string | null>;
+    readonly isOpen: import("@angular/core").Signal<boolean>;
+    readonly dataState: import("@angular/core").Signal<"open" | "closed">;
     readonly viewportSize: import("@angular/core").Signal<{
         width: number;
         height: number;
     } | null>;
-    get open(): boolean;
-    onKeydown(event: KeyboardEvent): void;
+    private readonly _resizeObserver;
     constructor();
     ngOnInit(): void;
     ngOnDestroy(): void;
-    getOpenState(): "open" | "closed";
+    onKeydown(event: KeyboardEvent): void;
     onPointerEnter(): void;
     onPointerLeave(): void;
+    private setupViewportEffect;
+    private getOrCreateContentNode;
+    private addNodeToDOM;
+    private removeNodeFromDOM;
+    private setNodeState;
+    private applyA11yAttributes;
+    private startLeaveTransition;
+    /**
+     * Cleanup function called after leave animation finishes
+     * @param node The node that is leaving
+     */
+    private cleanupAfterLeave;
+    /**
+     * Cancels an ongoing leave transition (e.g., if user hovers back)
+     * @param node The node that is leaving
+     */
+    private cancelLeaveTransition;
+    /**
+     * Force completes a leave transition (e.g., if another leave starts)
+     * @param node The node that is leaving
+     */
+    private forceCompleteLeaveTransition;
     private updateSize;
-    private renderContent;
-    private updateActiveContent;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxNavigationMenuViewportDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<RdxNavigationMenuViewportDirective, "[rdxNavigationMenuViewport]", never, { "forceMount": { "alias": "forceMount"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/navigation-menu/src/utils.d.ts

@@ -21,7 +21,7 @@ export declare function makeContentId(baseId: string, value: string): string;
 /**
  * Get the motion attribute for animations
  */
-export declare function getMotionAttribute(currentValue: string, previousValue: string, itemValue: string, itemValues: string[], dir: NavigationMenuDirection): MotionAttribute | null;
+export declare function getMotionAttribute(currentValue: string | null, previousValue: string | null, itemValue: string, itemValues: string[], dir: NavigationMenuDirection): MotionAttribute | null;
 /**
  * Focus the first element in a list of candidates
  * @param candidates Array of elements that can receive focus

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@radix-ng/primitives",
-  "version": "0.33.0",
+  "version": "0.33.1",
   "license": "MIT",
   "publishConfig": {
     "access": "public"

package/popover/src/popover-root.directive.d.ts

@@ -70,7 +70,7 @@ export declare class RdxPopoverRootDirective {
         window: Window & typeof globalThis;
         primitiveConfigs?: import("./utils/types").PrimitiveConfigs;
         onDestroyCallbacks: Set<() => void>;
-        "__#12329@#clickDomRootEventCallbacks": Set<(event: MouseEvent) => void>;
+        "__#12692@#clickDomRootEventCallbacks": Set<(event: MouseEvent) => void>;
         registerPrimitive<T extends object>(primitiveInstance: T): void;
         deregisterPrimitive<T extends object>(primitiveInstance: T): void;
         preventPrimitiveFromCdkEvent<T extends object>(primitiveInstance: T, eventType: import("./utils/types").EventType): void;
@@ -81,9 +81,9 @@ export declare class RdxPopoverRootDirective {
         primitivePreventedFromCdkEvent<T extends object>(primitiveInstance: T, eventType: import("./utils/types").EventType): boolean | undefined;
         addClickDomRootEventCallback(callback: (event: MouseEvent) => void): void;
         removeClickDomRootEventCallback(callback: (event: MouseEvent) => void): boolean;
-        "__#12329@#setPreventPrimitiveFromCdkEvent"<T extends object, R extends import("./utils/types").EventType, K extends import("./utils/types").PrimitiveConfig[`prevent${Capitalize<R>}`]>(primitiveInstance: T, eventType: R, value: K): void;
-        "__#12329@#registerOnDestroyCallbacks"(): void;
-        "__#12329@#listenToClickDomRootEvent"(): void;
+        "__#12692@#setPreventPrimitiveFromCdkEvent"<T extends object, R extends import("./utils/types").EventType, K extends import("./utils/types").PrimitiveConfig[`prevent${Capitalize<R>}`]>(primitiveInstance: T, eventType: R, value: K): void;
+        "__#12692@#registerOnDestroyCallbacks"(): void;
+        "__#12692@#listenToClickDomRootEvent"(): void;
     } | null;
     /** @ignore */
     readonly destroyRef: DestroyRef;

package/tooltip/src/tooltip-root.directive.d.ts

@@ -79,7 +79,7 @@ export declare class RdxTooltipRootDirective {
         window: Window & typeof globalThis;
         primitiveConfigs?: import("./utils/types").PrimitiveConfigs;
         onDestroyCallbacks: Set<() => void>;
-        "__#16121@#clickDomRootEventCallbacks": Set<(event: MouseEvent) => void>;
+        "__#16220@#clickDomRootEventCallbacks": Set<(event: MouseEvent) => void>;
         registerPrimitive<T extends object>(primitiveInstance: T): void;
         deregisterPrimitive<T extends object>(primitiveInstance: T): void;
         preventPrimitiveFromCdkEvent<T extends object>(primitiveInstance: T, eventType: import("./utils/types").EventType): void;
@@ -90,9 +90,9 @@ export declare class RdxTooltipRootDirective {
         primitivePreventedFromCdkEvent<T extends object>(primitiveInstance: T, eventType: import("./utils/types").EventType): boolean | undefined;
         addClickDomRootEventCallback(callback: (event: MouseEvent) => void): void;
         removeClickDomRootEventCallback(callback: (event: MouseEvent) => void): boolean;
-        "__#16121@#setPreventPrimitiveFromCdkEvent"<T extends object, R extends import("./utils/types").EventType, K extends import("./utils/types").PrimitiveConfig[`prevent${Capitalize<R>}`]>(primitiveInstance: T, eventType: R, value: K): void;
-        "__#16121@#registerOnDestroyCallbacks"(): void;
-        "__#16121@#listenToClickDomRootEvent"(): void;
+        "__#16220@#setPreventPrimitiveFromCdkEvent"<T extends object, R extends import("./utils/types").EventType, K extends import("./utils/types").PrimitiveConfig[`prevent${Capitalize<R>}`]>(primitiveInstance: T, eventType: R, value: K): void;
+        "__#16220@#registerOnDestroyCallbacks"(): void;
+        "__#16220@#listenToClickDomRootEvent"(): void;
     } | null;
     /** @ignore */
     readonly destroyRef: DestroyRef;