fixup! fix(cdk-experimental/menu): move shared menu logic to base class

Author: mmalerba

src/cdk-experimental/menu/menu-bar.ts

@@ -39,8 +39,6 @@ import {CdkMenuBase} from './menu-base';
     'role': 'menubar',
     'class': 'cdk-menu-bar',
     'tabindex': '0',
-    '[attr.aria-orientation]': 'orientation',
-    '(focus)': 'focusFirstItem()',
     '(keydown)': '_handleKeyEvent($event)',
   },
   providers: [
@@ -50,7 +48,7 @@ import {CdkMenuBase} from './menu-base';
   ],
 })
 export class CdkMenuBar extends CdkMenuBase implements AfterContentInit, OnDestroy {
-  override orientation: 'horizontal' | 'vertical' = 'horizontal';
+  override readonly orientation: 'horizontal' | 'vertical' = 'horizontal';
 
   override menuStack: MenuStack;
 

src/cdk-experimental/menu/menu-base.ts

@@ -27,7 +27,12 @@ import {MENU_STACK, MenuStack, MenuStackItem} from './menu-stack';
 import {Menu} from './menu-interface';
 import {PointerFocusTracker} from './pointer-focus-tracker';
 
-@Directive()
+@Directive({
+  host: {
+    '[attr.aria-orientation]': 'orientation',
+    '(focus)': 'focusFirstItem()',
+  },
+})
 export abstract class CdkMenuBase
   extends CdkMenuGroup
   implements Menu, AfterContentInit, OnDestroy
@@ -36,7 +41,7 @@ export abstract class CdkMenuBase
    * Sets the aria-orientation attribute and determines where menus will be opened.
    * Does not affect styling/layout.
    */
-  @Input('cdkMenuOrientation') orientation: 'horizontal' | 'vertical' = 'vertical';
+  readonly orientation: 'horizontal' | 'vertical' = 'vertical';
 
   /** All child MenuItem elements nested in this Menu. */
   @ContentChildren(CdkMenuItem, {descendants: true})

src/cdk-experimental/menu/menu-interface.ts

@@ -19,7 +19,7 @@ export interface Menu extends MenuStackItem {
   _elementRef: ElementRef<HTMLElement>;
 
   /** The orientation of the menu */
-  orientation: 'horizontal' | 'vertical';
+  readonly orientation: 'horizontal' | 'vertical';
 
   /** Place focus on the first MenuItem in the menu. */
   focusFirstItem(focusOrigin: FocusOrigin): void;

src/cdk-experimental/menu/menu.ts

@@ -50,12 +50,10 @@ import {CdkMenuBase} from './menu-base';
   selector: '[cdkMenu]',
   exportAs: 'cdkMenu',
   host: {
-    '[tabindex]': '_isInline() ? 0 : null',
     'role': 'menu',
     'class': 'cdk-menu',
+    '[tabindex]': '_isInline() ? 0 : null',
     '[class.cdk-menu-inline]': '_isInline()',
-    '[attr.aria-orientation]': 'orientation',
-    '(focus)': 'focusFirstItem()',
     '(keydown)': '_handleKeyEvent($event)',
   },
   providers: [