{ "version": 3, "sources": ["src/app/shared/animations/expo-animations.ts"], "sourcesContent": ["import {\r\n animation, trigger, animateChild, group,\r\n transition, animate, style, query, state, stagger, keyframes\r\n} from '@angular/animations';\r\n\r\nexport const expoAnimations = [\r\n trigger('animate', [\r\n\r\n state('idle', style({ opacity: 0 })),\r\n\r\n // transition('* => landing', [\r\n // style({\r\n // transform: 'scale(1.2)',\r\n // opacity: 0\r\n // }),\r\n // animate('{{timing}} ease', style('*'))\r\n // ], { params: { timing: '2s' } }),\r\n\r\n // transition('* => pulse', [\r\n // style('*'),\r\n // animate('{{timing}} ease-in-out',\r\n // keyframes([\r\n // style({ transform: 'scale(1)' }),\r\n // style({ transform: 'scale(1.05)' }),\r\n // style({ transform: 'scale(1)' })\r\n // ])\r\n // )], { params: { timing: '1s' } }\r\n // ),\r\n\r\n // transition('* => beat', [\r\n // style('*'),\r\n // animate('{{timing}} cubic-bezier(.8, -0.6, 0.2, 1.5)',\r\n // keyframes([\r\n // style({ transform: 'scale(0.8)' }),\r\n // style({ transform: 'scale(1.5)' }),\r\n // style({ transform: 'scale(1)' })\r\n // ])\r\n // )], { params: { timing: '500ms' } }\r\n // ),\r\n\r\n // transition('* => heartBeat', [\r\n // style('*'),\r\n // animate('{{timing}} ease-in-out',\r\n // keyframes([\r\n // style({ transform: 'scale(1)', offset: 0 }),\r\n // style({ transform: 'scale(1.3)', offset: 0.14 }),\r\n // style({ transform: 'scale(1)', offset: 0.28 }),\r\n // style({ transform: 'scale(1.3)', offset: 0.42 }),\r\n // style({ transform: 'scale(1)', offset: 0.70 })\r\n // ])\r\n // )], { params: { timing: '1s' } }\r\n // ),\r\n\r\n transition('* => fadeIn', [\r\n style({ opacity: 0 }),\r\n animate('{{timing}} ease-in', style({ opacity: 1 }))\r\n ], { params: { timing: '0.5s' } }),\r\n\r\n // transition('* => fadeOut', [\r\n // style({ opacity: 1 }),\r\n // animate('{{timing}} ease-in', style({ opacity: 0 }))\r\n // ], { params: { timing: '0.5s' } }),\r\n // transition('fadeOut => void', [\r\n // animate('{{timing}} ease-in', style({ opacity: 0 }))\r\n // ]),\r\n // transition('* => fadeInRight', [\r\n // style({ opacity: 0, transform: 'translateX(-20px)' }),\r\n // animate('{{timing}} ease-in', style('*'))\r\n // ], { params: { timing: '1s' } }),\r\n\r\n // transition('* => fadeInLeft', [\r\n // style({ opacity: 0, transform: 'translateX(20px)' }),\r\n // animate('{{timing}} ease-in', style('*'))\r\n // ], { params: { timing: '1s' } }),\r\n\r\n // transition('* => fadeInUp', [\r\n // style({ opacity: 0, transform: 'translateY(20px)' }),\r\n // animate('{{timing}} ease-in', style('*'))\r\n // ], { params: { timing: '1s' } }),\r\n\r\n // transition('* => fadeInDown', [\r\n // style({ opacity: 0, transform: 'translateY(-20px)' }),\r\n // animate('{{timing}} ease-in', style('*'))\r\n // ], { params: { timing: '1s' } }),\r\n\r\n // transition('* => zoomIn',\r\n // animate('{{timing}} ease-in',\r\n // keyframes([\r\n // style({ opacity: 0, transform: 'scale(0.3)' }),\r\n // style({ opacity: 1, transform: 'scale(0.65)' }),\r\n // style({ opacity: 1, transform: 'scale(1)' })\r\n // ])\r\n // ), { params: { timing: '1s' } }\r\n // ),\r\n // transition('fadeOutRight => void', [\r\n // animate('{{timing}} ease-in', style({ opacity: 0, transform: 'translateX(20px)' }))\r\n // ], { params: { timing: '1s' } }),\r\n\r\n // transition('fadeOutLeft => void', [\r\n // animate('{{timing}} ease-in', style({ opacity: 0, transform: 'translateX(-20px)' }))\r\n // ], { params: { timing: '1s' } }),\r\n\r\n // transition('fadeOutDown => void', [\r\n // animate('{{timing}} ease-in', style({ opacity: 0, transform: 'translateY(20px)' }))\r\n // ], { params: { timing: '1s' } }),\r\n\r\n // transition('fadeOutUp => void', [\r\n // animate('{{timing}} ease-in', style({ opacity: 0, transform: 'translateY(-20px)' }))\r\n // ], { params: { timing: '1s' } }),\r\n\r\n // transition('zoomOut => void',\r\n // animate('{{timing}} ease-in',\r\n // keyframes([\r\n // style({ opacity: 1, transform: 'scale(1)' }),\r\n // style({ opacity: 0, transform: 'scale(0.3)' }),\r\n // style({ opacity: 0, transform: 'scale(0.3)' })\r\n // ])\r\n // ), { params: { timing: '1s' } }\r\n // ),\r\n ]),\r\n\r\n trigger('animateList', [\r\n transition('* => true', [\r\n query('@*', stagger(50, animateChild()), { optional: true })\r\n ]),\r\n ]),\r\n\r\n trigger('showItemBottomToTop', [\r\n state('false', style({\r\n opacity: 0,\r\n transform: 'translateY({{initialY}})'\r\n }), { params: { initialY: '20%' } }),\r\n transition('false => true', [\r\n animate('{{animTime}} ease-in-out',\r\n style({ transform: 'translateY(0)', opacity: 1 }))\r\n ], { params: { animTime: '250ms' } })\r\n ]),\r\n\r\n // trigger('showItemLeftToRight', [\r\n // state('notInView', style({\r\n // opacity: 0,\r\n // transform: 'translateX(-20%)'\r\n // })),\r\n // transition('notInView => inView', [\r\n // animate('400ms ease-in-out',\r\n // style({ transform: 'translateX(0)', opacity: 1 }))\r\n // ])\r\n // ]),\r\n\r\n // trigger('showItemRightToLeft', [\r\n // state('notInView', style({\r\n // opacity: 0,\r\n // transform: 'translateX(20%)'\r\n // })),\r\n\r\n // transition('notInView => inView', [\r\n // animate('400ms ease-in-out',\r\n // style({ transform: 'translateX(0)', opacity: 1 }))\r\n // ])\r\n // ]),\r\n\r\n trigger('fadeIn', [\r\n transition(':enter', [\r\n style({ opacity: 0 }),\r\n animate(2000)\r\n ])\r\n ]),\r\n];\r\n\r\n"], "mappings": "yFAKO,IAAMA,EAAiB,CAC5BC,EAAQ,UAAW,CAEjBC,EAAM,OAAQC,EAAM,CAAEC,QAAS,CAAC,CAAE,CAAC,EA6CnCC,EAAW,cAAe,CACxBF,EAAM,CAAEC,QAAS,CAAC,CAAE,EACpBE,EAAQ,qBAAuBH,EAAM,CAAEC,QAAS,CAAC,CAAE,CAAC,CAAC,EACpD,CAAEG,OAAQ,CAAEC,OAAQ,MAAM,CAAE,CAAE,CA8DnC,CACC,EAEDP,EAAQ,cAAe,CACrBI,EAAW,YAAa,CACtBI,EAAM,KAAMC,EAAQ,GAAIC,EAAY,CAAE,EAAG,CAAEC,SAAU,EAAI,CAAE,CAAC,CAC7D,CAAC,CACH,EAEDX,EAAQ,sBAAuB,CAC7BC,EAAM,QAASC,EAAM,CACnBC,QAAS,EACTS,UAAW,2BACZ,EAAG,CAAEN,OAAQ,CAAEO,SAAU,KAAK,CAAE,CAAE,EACnCT,EAAW,gBAAiB,CAC1BC,EAAQ,2BACNH,EAAM,CAAEU,UAAW,gBAAiBT,QAAS,CAAC,CAAE,CAAC,CAAC,EACnD,CAAEG,OAAQ,CAAEQ,SAAU,OAAO,CAAE,CAAE,CAAC,CACtC,EAyBDd,EAAQ,SAAU,CAChBI,EAAW,SAAU,CACnBF,EAAM,CAAEC,QAAS,CAAC,CAAE,EACpBE,EAAQ,GAAI,CAAC,CACd,CAAC,CACH,CAAC", "names": ["expoAnimations", "trigger", "state", "style", "opacity", "transition", "animate", "params", "timing", "query", "stagger", "animateChild", "optional", "transform", "initialY", "animTime"] }