e3d718cad0
Applause button in Jitsi Bar, Add Applause Service, Add Applause Display component, Add Config varriables, Integrate applause display component in Jitsi bar, Integrate custom vertical progress bar as own component, - vertical and more customizable than the mat-progress-bar - includes an optional end icon - animated and themed Add custom clapping icon applause particles using tsparticles custom particle component dynamic add and remove functions to alter particles in runtime Set own particle shape Use smooth emitter for clean particle spawning
20 lines
676 B
TypeScript
20 lines
676 B
TypeScript
import { animate, state, style, transition, trigger } from '@angular/animations';
|
|
|
|
const slideIn = [style({ transform: 'translateX(-85%)' }), animate('600ms ease')];
|
|
const slideOut = [
|
|
style({ transform: 'translateX(0)' }),
|
|
animate(
|
|
'600ms ease',
|
|
style({
|
|
transform: 'translateX(-85%)'
|
|
})
|
|
)
|
|
];
|
|
|
|
export const fadeAnimation = trigger('fade', [
|
|
state('in', style({ opacity: 1 })),
|
|
transition(':enter', [style({ opacity: 0 }), animate(600)]),
|
|
transition(':leave', animate(600, style({ opacity: 0 })))
|
|
]);
|
|
export const navItemAnim = trigger('navItemAnim', [transition(':enter', slideIn), transition(':leave', slideOut)]);
|