license import { animate , AnimationTriggerMetadata , state , style , transition , trigger , } from '@angular/animations' ; docs-private export const matSelectAnimations = { /**
     * This animation transforms the select's overlay panel on and off the page.
     *
     * When the panel is attached to the DOM, it expands its width by the amount of padding, scales it
     * up to 100% on the Y axis, fades in its border, and translates slightly up and to the
     * side to ensure the option text correctly overlaps the trigger text.
     *
     * When the panel is removed from the DOM, it simply fades out linearly.
     */ transformPanel : trigger ( 'transformPanel' , [ state ( 'void' , style ( { transform : 'scaleY(0.8)' , minWidth : '100%' , opacity : 0 } ) ) , state ( 'showing' , style ( { opacity : 1 , minWidth : 'calc(100% + 32px)' , transform : 'scaleY(1)' } ) ) , state ( 'showing-multiple' , style ( { opacity : 1 , minWidth : 'calc(100% + 64px)' , transform : 'scaleY(1)' } ) ) , transition ( 'void => *' , animate ( '120ms cubic-bezier(0, 0, 0.2, 1)' ) ) , transition ( '* => void' , animate ( '100ms 25ms linear' , style ( { opacity : 0 } ) ) ) ] ) , deprecated breaking-change fadeInContent : trigger ( 'fadeInContent' , [ state ( 'showing' , style ( { opacity : 1 } ) ) , transition ( 'void => showing' , [ style ( { opacity : 0 } ) , animate ( '150ms 100ms cubic-bezier(0.55, 0, 0.55, 0.2)' ) ] ) ] ) } ; deprecated breaking-change docs-private export const transformPanel = matSelectAnimations . transformPanel ; deprecated breaking-change docs-private export const fadeInContent = matSelectAnimations . fadeInContent ;