You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
6.4 KiB
Plaintext
1 line
6.4 KiB
Plaintext
{"version":3,"sources":["../../../../src/app/typescripts/pro/animations/animations.ts"],"names":[],"mappings":"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","file":"animations.js","sourceRoot":"","sourcesContent":["import {trigger, state, style, transition, animate, keyframes} from '@angular/core';\r\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\r\n\r\n// SideNav\r\nexport const slideIn: any = trigger('slideIn', [\r\n state('inactive', style({opacity: 0, transform: 'translateX(-300%)'})),\r\n state('active', style({opacity: 1, transform: 'translateX(0)'})),\r\n transition('inactive => active', animate('500ms ease')),\r\n transition('active => inactive', animate('500ms ease')),\r\n]);\r\n\r\nexport const fadeIn: any = trigger('fadeIn', [\r\n state('inactive', style({opacity: 0})),\r\n state('active', style({opacity: 1})),\r\n transition('inactive => active', animate('500ms ease')),\r\n transition('active => inactive', animate('500ms ease')),\r\n]);\r\n\r\nexport const slideOut: any = trigger('slideOut', [\r\n state('inactive', style({opacity: 0, transform: 'translateX(-300%)'})),\r\n state('active', style({opacity: 1, transform: 'translateX(0)'})),\r\n transition('inactive => active', animate('500ms ease')),\r\n transition('active => inactive', animate('500ms ease')),\r\n]);\r\n\r\nexport const flipState: any = trigger('flipState', [\r\n state('active', style({transform: 'rotateY(179.9deg)'})),\r\n state('inactive', style({transform: 'rotateY(0)'})),\r\n]);\r\n\r\n// Rotating animation animation\r\nexport const turnState: any = trigger('turnState', [\r\n state('active', style({transform: 'rotateY(179.9deg)'})),\r\n state('inactive', style({transform: 'rotateY(0)'})),\r\n]);\r\n\r\n// Social reveal animation\r\nexport const iconsState: any = trigger('iconsState', [\r\n state('isactive', style({visibility: 'visible', transform: 'translate(-6%)'})),\r\n state('isnotactive', style({visibility: 'hidden', transform: 'translate(27%)' })),\r\n transition('isactive => isnotactive', animate('100ms ease-in')),\r\n transition('isnotactive => isactive', animate('200ms ease-out')),\r\n]);\r\n\r\n// Reveal animation animation\r\nexport const socialsState: any = trigger('socialsState', [\r\n state('active', style({visibility: 'visible', transform: 'translateY(-100%)'})),\r\n state('inactive', style({visibility: 'hidden', transform: 'translateY(0)'})),\r\n transition('* => void', animate('200ms ease-in')),\r\n transition('void => *', animate('200ms ease-out')),\r\n]);\r\n\r\n//image popup\r\nexport const zoomState: any = trigger('zoomState', [\r\n state('active', style({transform: 'scale(1, 1)', cursor: 'zoom-out'})),\r\n state('inactive', style({transform: 'scale(0.9, 0.9)', cursor: 'zoom-in'})),\r\n transition('active => inactive', animate('300ms ease-in')),\r\n transition('inactive => active', animate('300ms ease-out')),\r\n]);\r\n\r\nexport const restartState: any = trigger('restartState', [\r\n state('inactive', style({transform: 'scale(0.9, 0.9)'})),\r\n]);\r\n\r\n//alerts\r\nexport const flyInOut: any = trigger('flyInOut', [\r\n state('inactive', style({display: 'none', opacity: 0.7})),\r\n state('active', style({ opacity: 0.7 })),\r\n state('removed', style({ opacity: 0 })),\r\n transition('inactive => active', animate('300ms ease-in')),\r\n transition('active => removed', animate('300ms ease-in')),\r\n]);"]} |