@xui/components
Version:
xUI Components for Angular
24 lines • 5.65 kB
JavaScript
import { animate, animation, keyframes, style } from '@angular/animations';
export const bounce = animation(animate('300ms linear', keyframes([
style({ transform: 'translate3d(-1px, 20px, 0)', offset: 0.1 }),
style({ transform: 'translate3d(2px, -1px, 0)', offset: 0.2 }),
style({ transform: 'translate3d(-20px, 2px, 0)', offset: 0.3 }),
style({ transform: 'translate3d(4px, -2px, 0)', offset: 0.4 }),
style({ transform: 'translate3d(-4px, -4px, 0)', offset: 0.5 }),
style({ transform: 'translate3d(4px, 4px, 0)', offset: 0.6 }),
style({ transform: 'translate3d(-4px, -4px, 0)', offset: 0.7 }),
style({ transform: 'translate3d(2px, -2px, 0)', offset: 0.8 }),
style({ transform: 'translate3d(-1px, -1px, 0)', offset: 0.9 })
])));
export const fadeOutBottom = animation(animate('800ms ease-in-out', keyframes([
style({ transform: 'translate3d(0, -50px, 0)', offset: 0.3 }),
style({ transform: 'translate3d(0, -50px, 0)', offset: 0.5 }),
style({ transform: 'translate3d(0, 150px, 0)', offset: 0.9 })
])));
export const fadeInBottom = animation(animate('800ms ease-in-out', keyframes([
style({ transform: 'translate3d(0, 150px, 0)', offset: 0 }),
style({ transform: 'translate3d(0, -50px, 0)', offset: 0.3 }),
style({ transform: 'translate3d(0, -50px, 0)', offset: 0.5 }),
style({ transform: 'translate3d(0, 0, 0)', offset: 0.9 })
])));
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5pbWF0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMveHVpL3NyYy91dGlscy9hbmltYXRpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUUzRSxNQUFNLENBQUMsTUFBTSxNQUFNLEdBQUcsU0FBUyxDQUM3QixPQUFPLENBQ0wsY0FBYyxFQUNkLFNBQVMsQ0FBQztJQUNSLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSw0QkFBNEIsRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFLENBQUM7SUFDL0QsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsQ0FBQztJQUM5RCxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxDQUFDO0lBQy9ELEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSwyQkFBMkIsRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFLENBQUM7SUFDOUQsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsQ0FBQztJQUMvRCxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxDQUFDO0lBQzdELEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSw0QkFBNEIsRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFLENBQUM7SUFDL0QsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsQ0FBQztJQUM5RCxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxDQUFDO0NBQ2hFLENBQUMsQ0FDSCxDQUNGLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsU0FBUyxDQUNwQyxPQUFPLENBQ0wsbUJBQW1CLEVBQ25CLFNBQVMsQ0FBQztJQUNSLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSwwQkFBMEIsRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFLENBQUM7SUFDN0QsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsQ0FBQztJQUM3RCxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxDQUFDO0NBQzlELENBQUMsQ0FDSCxDQUNGLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxZQUFZLEdBQUcsU0FBUyxDQUNuQyxPQUFPLENBQ0wsbUJBQW1CLEVBQ25CLFNBQVMsQ0FBQztJQUNSLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSwwQkFBMEIsRUFBRSxNQUFNLEVBQUUsQ0FBQyxFQUFFLENBQUM7SUFDM0QsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsQ0FBQztJQUM3RCxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxDQUFDO0lBQzdELEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxzQkFBc0IsRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFLENBQUM7Q0FDMUQsQ0FBQyxDQUNILENBQ0YsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFuaW1hdGUsIGFuaW1hdGlvbiwga2V5ZnJhbWVzLCBzdHlsZSB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuXG5leHBvcnQgY29uc3QgYm91bmNlID0gYW5pbWF0aW9uKFxuICBhbmltYXRlKFxuICAgICczMDBtcyBsaW5lYXInLFxuICAgIGtleWZyYW1lcyhbXG4gICAgICBzdHlsZSh7IHRyYW5zZm9ybTogJ3RyYW5zbGF0ZTNkKC0xcHgsIDIwcHgsIDApJywgb2Zmc2V0OiAwLjEgfSksXG4gICAgICBzdHlsZSh7IHRyYW5zZm9ybTogJ3RyYW5zbGF0ZTNkKDJweCwgLTFweCwgMCknLCBvZmZzZXQ6IDAuMiB9KSxcbiAgICAgIHN0eWxlKHsgdHJhbnNmb3JtOiAndHJhbnNsYXRlM2QoLTIwcHgsIDJweCwgMCknLCBvZmZzZXQ6IDAuMyB9KSxcbiAgICAgIHN0eWxlKHsgdHJhbnNmb3JtOiAndHJhbnNsYXRlM2QoNHB4LCAtMnB4LCAwKScsIG9mZnNldDogMC40IH0pLFxuICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06ICd0cmFuc2xhdGUzZCgtNHB4LCAtNHB4LCAwKScsIG9mZnNldDogMC41IH0pLFxuICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06ICd0cmFuc2xhdGUzZCg0cHgsIDRweCwgMCknLCBvZmZzZXQ6IDAuNiB9KSxcbiAgICAgIHN0eWxlKHsgdHJhbnNmb3JtOiAndHJhbnNsYXRlM2QoLTRweCwgLTRweCwgMCknLCBvZmZzZXQ6IDAuNyB9KSxcbiAgICAgIHN0eWxlKHsgdHJhbnNmb3JtOiAndHJhbnNsYXRlM2QoMnB4LCAtMnB4LCAwKScsIG9mZnNldDogMC44IH0pLFxuICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06ICd0cmFuc2xhdGUzZCgtMXB4LCAtMXB4LCAwKScsIG9mZnNldDogMC45IH0pXG4gICAgXSlcbiAgKVxuKTtcblxuZXhwb3J0IGNvbnN0IGZhZGVPdXRCb3R0b20gPSBhbmltYXRpb24oXG4gIGFuaW1hdGUoXG4gICAgJzgwMG1zIGVhc2UtaW4tb3V0JyxcbiAgICBrZXlmcmFtZXMoW1xuICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06ICd0cmFuc2xhdGUzZCgwLCAtNTBweCwgMCknLCBvZmZzZXQ6IDAuMyB9KSxcbiAgICAgIHN0eWxlKHsgdHJhbnNmb3JtOiAndHJhbnNsYXRlM2QoMCwgLTUwcHgsIDApJywgb2Zmc2V0OiAwLjUgfSksXG4gICAgICBzdHlsZSh7IHRyYW5zZm9ybTogJ3RyYW5zbGF0ZTNkKDAsIDE1MHB4LCAwKScsIG9mZnNldDogMC45IH0pXG4gICAgXSlcbiAgKVxuKTtcblxuZXhwb3J0IGNvbnN0IGZhZGVJbkJvdHRvbSA9IGFuaW1hdGlvbihcbiAgYW5pbWF0ZShcbiAgICAnODAwbXMgZWFzZS1pbi1vdXQnLFxuICAgIGtleWZyYW1lcyhbXG4gICAgICBzdHlsZSh7IHRyYW5zZm9ybTogJ3RyYW5zbGF0ZTNkKDAsIDE1MHB4LCAwKScsIG9mZnNldDogMCB9KSxcbiAgICAgIHN0eWxlKHsgdHJhbnNmb3JtOiAndHJhbnNsYXRlM2QoMCwgLTUwcHgsIDApJywgb2Zmc2V0OiAwLjMgfSksXG4gICAgICBzdHlsZSh7IHRyYW5zZm9ybTogJ3RyYW5zbGF0ZTNkKDAsIC01MHB4LCAwKScsIG9mZnNldDogMC41IH0pLFxuICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06ICd0cmFuc2xhdGUzZCgwLCAwLCAwKScsIG9mZnNldDogMC45IH0pXG4gICAgXSlcbiAgKVxuKTtcbiJdfQ==