license import { AnimationTriggerMetadata , group , query , state , style , transition , trigger } from '@angular/animations' ; docs-private export const menuAnimations = { /**
     * This animation controls the menu panel's entry and exit from the page.
     *
     * When the menu panel is added to the DOM, it scales in and fades in its border.
     *
     * When the menu panel is removed from the DOM, it simply fades out after a brief
     * delay to display the ripple.
     */ transformMenu : trigger ( 'transformMenu' , [ state ( 'void' , style ( { opacity : 0 , } ) ) , transition ( 'void => enter' , group ( [ query ( '.Menu__content' , style ( { opacity : 1 } ) ) , ] ) ) , transition ( '* => void' , style ( { opacity : 0 } ) ) , ] ) , /**
     * This animation fades in the background color and content of the menu panel
     * after its containing element is scaled in.
     */ fadeInItems : trigger ( 'fadeInItems' , [ state ( 'showing' , style ( { opacity : 1 } ) ) , transition ( 'void => *' , [ style ( { opacity : 0 } ) , ] ) , ] ) , } ;