@truenas/ui-components 0.1.67 → 0.1.68

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truenas/ui-components",
-  "version": "0.1.67",
+  "version": "0.1.68",
   "publishConfig": {
     "registry": "https://registry.npmjs.org",
     "access": "public"

package/types/truenas-ui-components.d.ts

@@ -1526,16 +1526,20 @@ declare class TnMenuItemComponent {
 }
 
 /**
- * Activates CDK menu hover-to-open behavior for menus opened via custom overlays.
+ * Activates CDK menu hover-to-open behavior — and keyboard focus entry — for a
+ * root menu opened via a custom overlay instead of CDK's own `CdkMenuTrigger`.
  *
  * CDK's hover-to-open for submenu triggers is guarded by `!menuStack.isEmpty()`.
- * When a CdkMenu is opened via TnMenuTriggerDirective (custom overlay) instead of
- * CDK's own CdkMenuTrigger, the menu is considered "inline" and doesn't register
- * with the stack, disabling hover for its submenu triggers.
- *
- * This directive pushes the CdkMenu to its own stack and focuses the element
- * (to trigger the CdkMenu's focusin host listener, preventing the hasFocus
- * auto-close subscription from immediately clearing the stack).
+ * When a `CdkMenu` is opened via `TnMenuTriggerDirective` (custom overlay)
+ * rather than `CdkMenuTrigger`, the menu is considered "inline" and doesn't
+ * register with the stack, disabling hover for its submenu triggers and leaving
+ * keyboard focus outside the panel.
+ *
+ * This directive pushes that root menu onto its own stack and moves focus to
+ * the first (or selected) item so arrow-key navigation works immediately.
+ * Submenus — opened by `CdkMenuTrigger` — already push themselves and are
+ * focused by CDK, so for them this directive only installs the skip-disabled
+ * predicate and otherwise stays out of the way.
  */
 declare class TnMenuActivateHoverDirective implements AfterContentInit {
     private cdkMenu;
@@ -1544,6 +1548,7 @@ declare class TnMenuActivateHoverDirective implements AfterContentInit {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TnMenuActivateHoverDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TnMenuActivateHoverDirective, "[tnMenuActivateHover]", never, {}, {}, never, never, true, never>;
 }
+
 interface TnMenuItem {
     id: string;
     label: string;
@@ -1593,7 +1598,6 @@ declare class TnMenuComponent implements OnDestroy {
     private closeContextMenu;
     ngOnDestroy(): void;
     onContextMenu(event: MouseEvent): void;
-    trackByItemId(index: number, item: TnMenuItem): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TnMenuComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TnMenuComponent, "tn-menu", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "contextMenu": { "alias": "contextMenu"; "required": false; "isSignal": true; }; }, { "menuItemClick": "menuItemClick"; "menuOpen": "menuOpen"; "menuClose": "menuClose"; }, ["contentItems"], ["*"], true, never>;
 }