Update code to add isTabbable in MenuItemComponent. By default, it is true. If it is not tabbable, client code has to set isTabbable to be false.

PiperOrigin-RevId: 225255615

Author: Googler

angular_components/lib/material_menu/dropdown_menu.dart

@@ -67,6 +67,10 @@ class DropdownMenuComponent extends Object
     focusable = _focusTarget;
   }
 
+  /// Whether the menu is tabbable or not.
+  @Input()
+  bool tabbable = true;
+
   bool get dropdownStyle => _dropdownStyle;
   bool _dropdownStyle = false;
 

angular_components/lib/material_menu/dropdown_menu.html

@@ -7,6 +7,7 @@
     (trigger)="isExpanded=true"
     [buttonText]="buttonText"
     [disabled]="disabled"
+    [tabbable]="tabbable"
     popupSource
     #toggle="popupSource">
   <ng-content select="[button-content]"></ng-content>

angular_components/lib/material_menu/material_menu.dart

@@ -6,8 +6,8 @@ import 'dart:async';
 import 'dart:html';
 
 import 'package:angular/angular.dart';
-import 'package:angular_components/interfaces/has_disabled.dart';
 import 'package:angular_components/focus/focus.dart';
+import 'package:angular_components/interfaces/has_disabled.dart';
 import 'package:angular_components/material_button/material_button.dart';
 import 'package:angular_components/material_icon/material_icon.dart';
 import 'package:angular_components/material_menu/menu_popup.dart';
@@ -77,6 +77,10 @@ class MaterialMenuComponent extends Object
   @Input()
   bool disabled = false;
 
+  /// Whether the menu is tabbable or not.
+  @Input()
+  bool tabbable = true;
+
   /// Aria label for button trigger.
   @Input()
   String ariaLabel;

angular_components/lib/material_menu/material_menu.html

@@ -8,6 +8,7 @@
     [attr.aria-label]="ariaLabel"
     [attr.icon]="hasIcon"
     [disabled]="disabled"
+    [tabbable]="tabbable"
     [materialTooltip]="tooltipText"
     [showTooltipIf]="hasTooltip"
     class="trigger-button"