feat(aria/menu): Add accessors for pattern properties

Author: adolgachev

src/aria/menu/menu.ts

@@ -44,9 +44,9 @@ import {DeferredContent, DeferredContentAware} from '@angular/aria/deferred-cont
   exportAs: 'ngMenuTrigger',
   host: {
     'class': 'ng-menu-trigger',
-    '[attr.tabindex]': '_pattern.tabindex()',
-    '[attr.aria-haspopup]': '_pattern.hasPopup()',
-    '[attr.aria-expanded]': '_pattern.expanded()',
+    '[attr.tabindex]': 'tabindex()',
+    '[attr.aria-haspopup]': 'hasPopup()',
+    '[attr.aria-expanded]': 'expanded()',
     '[attr.aria-controls]': '_pattern.menu()?.id()',
     '(click)': '_pattern.onClick()',
     '(keydown)': '_pattern.onKeydown($event)',
@@ -69,6 +69,18 @@ export class MenuTrigger<V> {
   /** Whether the menu item has been focused. */
   readonly hasBeenFocused = signal(false);
 
+  /** Whether the menu is expanded. */
+  readonly expanded = computed(() => this._pattern.expanded());
+
+  /** Whether the menu trigger has a popup. */
+  readonly hasPopup = computed(() => this._pattern.hasPopup());
+
+  /** The role of the menu trigger. */
+  readonly role = computed(() => this._pattern.role());
+
+  /** The tabindex of the menu trigger. */
+  readonly tabindex = computed(() => this._pattern.tabindex());
+
   /** The menu trigger ui pattern instance. */
   _pattern: MenuTriggerPattern<V> = new MenuTriggerPattern({
     element: computed(() => this._elementRef.nativeElement),
@@ -183,8 +195,17 @@ export class Menu<V> {
    */
   readonly items = () => this._items().map(i => i._pattern);
 
+  /** Whether the menu or any of its child elements are currently focused. */
+  readonly isFocused = computed(() => this._pattern.isFocused());
+
+  /** Whether the menu has received focus. */
+  readonly hasBeenFocused = computed(() => this._pattern.hasBeenFocused());
+
   /** Whether the menu is visible. */
-  isVisible = computed(() => this._pattern.isVisible());
+  readonly isVisible = computed(() => this._pattern.isVisible());
+
+  /** The role of the menu */
+  readonly role = computed(() => this._pattern.role());
 
   /** A callback function triggered when a menu item is selected. */
   onSelect = output<V>();
@@ -313,6 +334,12 @@ export class MenuBar<V> {
   /** The delay in seconds before the typeahead buffer is cleared. */
   readonly typeaheadDelay = input<number>(0.5);
 
+  /** Whether the menubar or any of its child elements are currently focused. */
+  readonly isFocused = computed(() => this._pattern.isFocused());
+
+  /** Whether the menubar has received focus. */
+  readonly hasBeenFocused = computed(() => this._pattern.hasBeenFocused());
+
   /** The menu ui pattern instance. */
   readonly _pattern: MenuBarPattern<V>;