Ionic.beta.11 Register Animations for the menu.

[Yomyer]

Feature Request

Ionic Info
Run ionic info from a terminal/cmd prompt and paste the output below.

Ionic:

   ionic (Ionic CLI)          : 4.1.2 (/usr/local/lib/node_modules/ionic)
   Ionic Framework            : @ionic/angular 4.0.0-beta.11
   @angular-devkit/core       : 0.8.2
   @angular-devkit/schematics : 0.8.2
   @angular/cli               : 6.1.2
   @ionic/ng-toolkit          : 1.0.8
   @ionic/schematics-angular  : 1.0.6

Cordova:

   cordova (Cordova CLI) : 8.0.0
   Cordova Platforms     : android 7.1.0, browser 5.0.4, ios 4.5.5
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.0.5, cordova-plugin-ionic-webview 1.1.1, (and 13 other plugins)

System:

   ios-deploy : 1.9.2
   ios-sim    : 6.1.2
   NodeJS     : v10.10.0 (/usr/local/Cellar/node/10.10.0/bin/node)
   npm        : 6.4.1
   OS         : macOS High Sierra
   Xcode      : Xcode 9.4.1 Build version 9F2000

Describe the Feature Request
Earlier I was able to register my own animation/transition for the menu using the public registerAnimation method of ion-menu-controller. But with version 11 this is no longer possible as it is now private. My code:

import { customMenuAnimation } from './animations/custom-menu.animation';

const menuCtrl: HTMLIonMenuControllerElement = document.querySelector('ion-menu-controller');
  menuCtrl.componentOnReady().then(comp => {
  proxyMethod('ion-menu-controller' 'registerAnimation', 'custom-menu-animation', customMenuAnimation);
});

Describe Preferred Solution
My suggestion is to be able to take advantage of the Angular MenuController to register different animations and to be able to use them in the ionic init with menuType: 'custom-animation-menu'. It would be optimal since you should not cheat using querySelector, componentOnReady and proxyMethod.

Describe Alternatives

import { customMenuAnimation } from './animations/custom-menu.animation';
import { MenuController } from '@ionic/angular';

export class AppComponent {
  constructor(
    private menuCtrl: MenuController
  ) {
    this.menuCtrl.registerAnimation('custom-menu-animation, revealWithBackdropAnimation);
  }
}

.....
   IonicModule.forRoot({
      mode: 'md',
      menuType: 'custom-menu-animation'
   }),
....

Thank you very much ;)

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.