angular-color-picker-fixed
Version:
Radial Color Picker - Angular
63 lines • 11.4 kB
JavaScript
import { animate, keyframes, query, state, style, transition, trigger } from '@angular/animations';
export const Animations = {
buttonAnimation: trigger('buttonAnimation', [
state('void', style({ transform: 'scale3d(1, 1, 1)' })),
state('false', style({ transform: 'scale3d(1, 1, 1)' })),
state('true', style({ transform: 'scale3d(1, 1, 1)' })),
transition('* => 1', [
animate('400ms cubic-bezier(0.35, 0, 0.25, 1)', keyframes([
style({ transform: 'scale3d(1, 1, 1)', offset: 0 }),
style({ transform: 'scale3d(0.8, 0.8, 1)', offset: 0.25 }),
style({ transform: 'scale3d(1, 1, 1)', offset: 0.5 }),
style({ transform: 'scale3d(1, 1, 1)', offset: 1.0 }),
])),
])
]),
rippleAnimation: trigger('rippleAnimation', [
state('void', style({ opacity: 0, transform: 'scale3d(0.8, 0.8, 1)' })),
state('false', style({ opacity: 0, transform: 'scale3d(0.8, 0.8, 1)' })),
state('true', style({ opacity: 0, transform: 'scale3d(0.8, 0.8, 1)' })),
transition('* => 1', [
query(':self', animate('400ms cubic-bezier(0.35, 0, 0.25, 1)', keyframes([
style({ opacity: 0.2, transform: 'scale3d(0.8, 0.8, 1)', offset: 0 }),
style({ opacity: 0.2, transform: 'scale3d(0.8, 0.8, 1)', offset: 0.20 }),
style({ opacity: 0, borderWidth: 0, transform: 'scale3d({{scale}}, {{scale}}, 1)', offset: 1.0 }),
])), {
params: {
scale: '3.8'
}
})
])
])
};
export const AnimationsMeta = {
knobAnimationEnter: [
style({ opacity: 1, transform: 'scale3d(1, 1, 1)' }),
animate('150ms cubic-bezier(0.4, 0.0, 1, 1)', keyframes([
style({ opacity: 1, transform: 'scale3d(0, 0, 1)', offset: 0 }),
style({ opacity: 1, transform: 'scale3d(1, 1, 1)', offset: 1.0 }),
]))
],
knobAnimationExit: [
style({ opacity: 0, transform: 'scale3d(0, 0, 1)' }),
animate('100ms cubic-bezier(0.0, 0.0, 0.2, 1)', keyframes([
style({ opacity: 1, transform: 'scale3d(1, 1, 1)', offset: 0 }),
style({ opacity: 1, transform: 'scale3d(0, 0, 1)', offset: 1.0 }),
]))
],
gradientAnimationEnter: [
style({ opacity: 1, transform: 'scale3d(1, 1, 1)' }),
animate('200ms cubic-bezier(0.4, 0.0, 1, 1)', keyframes([
style({ opacity: 1, transform: 'scale3d(0, 0, 1)', offset: 0 }),
style({ opacity: 1, transform: 'scale3d(1, 1, 1)', offset: 1.0 }),
]))
],
gradientAnimationExit: [
style({ opacity: 0, transform: 'scale3d(0, 0, 1)' }),
animate('150ms cubic-bezier(0.0, 0.0, 0.2, 1)', keyframes([
style({ opacity: 1, transform: 'scale3d(1, 1, 1)', offset: 0 }),
style({ opacity: 1, transform: 'scale3d(0, 0, 1)', offset: 1.0 }),
]))
],
};
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5pbWF0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0ByYWRpYWwtY29sb3ItcGlja2VyL2FuZ3VsYXItY29sb3ItcGlja2VyLyIsInNvdXJjZXMiOlsibGliL2hlbHBlcnMvYW5pbWF0aW9ucy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUErQyxTQUFTLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBRWhKLE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FHbkI7SUFDRixlQUFlLEVBQUUsT0FBTyxDQUFDLGlCQUFpQixFQUFFO1FBQzFDLEtBQUssQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGtCQUFrQixFQUFFLENBQUMsQ0FBQztRQUN2RCxLQUFLLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxrQkFBa0IsRUFBRSxDQUFDLENBQUM7UUFDeEQsS0FBSyxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsa0JBQWtCLEVBQUUsQ0FBQyxDQUFDO1FBQ3ZELFVBQVUsQ0FBQyxRQUFRLEVBQUU7WUFDbkIsT0FBTyxDQUFDLHNDQUFzQyxFQUFFLFNBQVMsQ0FBQztnQkFDeEQsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sRUFBRSxDQUFDLEVBQUUsQ0FBQztnQkFDbkQsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsQ0FBQztnQkFDMUQsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsQ0FBQztnQkFDckQsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsQ0FBQzthQUN0RCxDQUFDLENBQUM7U0FDSixDQUFDO0tBQ0gsQ0FBQztJQUNGLGVBQWUsRUFBRSxPQUFPLENBQUMsaUJBQWlCLEVBQUU7UUFDMUMsS0FBSyxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLFNBQVMsRUFBRSxzQkFBc0IsRUFBRSxDQUFDLENBQUM7UUFDdkUsS0FBSyxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLFNBQVMsRUFBRSxzQkFBc0IsRUFBRSxDQUFDLENBQUM7UUFDeEUsS0FBSyxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLFNBQVMsRUFBRSxzQkFBc0IsRUFBRSxDQUFDLENBQUM7UUFDdkUsVUFBVSxDQUFDLFFBQVEsRUFBRTtZQUNuQixLQUFLLENBQUMsT0FBTyxFQUNYLE9BQU8sQ0FBQyxzQ0FBc0MsRUFBRSxTQUFTLENBQUM7Z0JBQ3hELEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sRUFBRSxDQUFDLEVBQUUsQ0FBQztnQkFDckUsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSxDQUFDO2dCQUN4RSxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLFdBQVcsRUFBRSxDQUFDLEVBQUUsU0FBUyxFQUFFLGtDQUFrQyxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsQ0FBQzthQUNsRyxDQUFDLENBQUMsRUFDSDtnQkFDRSxNQUFNLEVBQUU7b0JBQ04sS0FBSyxFQUFFLEtBQUs7aUJBQ2I7YUFDRixDQUNGO1NBQ0YsQ0FBQztLQUNILENBQUM7Q0FDSCxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUt2QjtJQUNGLGtCQUFrQixFQUFFO1FBQ2xCLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsU0FBUyxFQUFFLGtCQUFrQixFQUFFLENBQUM7UUFDcEQsT0FBTyxDQUFDLG9DQUFvQyxFQUFFLFNBQVMsQ0FBQztZQUN0RCxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLFNBQVMsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLEVBQUUsQ0FBQyxFQUFFLENBQUM7WUFDL0QsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxTQUFTLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxDQUFDO1NBQ2xFLENBQUMsQ0FBQztLQUNKO0lBQ0QsaUJBQWlCLEVBQUU7UUFDakIsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxTQUFTLEVBQUUsa0JBQWtCLEVBQUUsQ0FBQztRQUNwRCxPQUFPLENBQUMsc0NBQXNDLEVBQUUsU0FBUyxDQUFDO1lBQ3hELEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsU0FBUyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sRUFBRSxDQUFDLEVBQUUsQ0FBQztZQUMvRCxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLFNBQVMsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFLENBQUM7U0FDbEUsQ0FBQyxDQUFDO0tBQ0o7SUFDRCxzQkFBc0IsRUFBRTtRQUV0QixLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLFNBQVMsRUFBRSxrQkFBa0IsRUFBRSxDQUFDO1FBQ3BELE9BQU8sQ0FBQyxvQ0FBb0MsRUFBRSxTQUFTLENBQUM7WUFDdEQsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxTQUFTLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxFQUFFLENBQUMsRUFBRSxDQUFDO1lBQy9ELEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsU0FBUyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsQ0FBQztTQUNsRSxDQUFDLENBQUM7S0FDSjtJQUNELHFCQUFxQixFQUFFO1FBQ3JCLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsU0FBUyxFQUFFLGtCQUFrQixFQUFFLENBQUM7UUFDcEQsT0FBTyxDQUFDLHNDQUFzQyxFQUFFLFNBQVMsQ0FBQztZQUN4RCxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLFNBQVMsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLEVBQUUsQ0FBQyxFQUFFLENBQUM7WUFDL0QsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxTQUFTLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxDQUFDO1NBQ2xFLENBQUMsQ0FBQztLQUNKO0NBRUYsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFuaW1hdGUsIEFuaW1hdGlvbk1ldGFkYXRhLCBBbmltYXRpb25UcmlnZ2VyTWV0YWRhdGEsIGtleWZyYW1lcywgcXVlcnksIHN0YXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuXG5leHBvcnQgY29uc3QgQW5pbWF0aW9uczoge1xuICBidXR0b25BbmltYXRpb246IEFuaW1hdGlvblRyaWdnZXJNZXRhZGF0YTtcbiAgcmlwcGxlQW5pbWF0aW9uOiBBbmltYXRpb25UcmlnZ2VyTWV0YWRhdGE7XG59ID0ge1xuICBidXR0b25BbmltYXRpb246IHRyaWdnZXIoJ2J1dHRvbkFuaW1hdGlvbicsIFtcbiAgICBzdGF0ZSgndm9pZCcsIHN0eWxlKHsgdHJhbnNmb3JtOiAnc2NhbGUzZCgxLCAxLCAxKScgfSkpLFxuICAgIHN0YXRlKCdmYWxzZScsIHN0eWxlKHsgdHJhbnNmb3JtOiAnc2NhbGUzZCgxLCAxLCAxKScgfSkpLFxuICAgIHN0YXRlKCd0cnVlJywgc3R5bGUoeyB0cmFuc2Zvcm06ICdzY2FsZTNkKDEsIDEsIDEpJyB9KSksXG4gICAgdHJhbnNpdGlvbignKiA9PiAxJywgW1xuICAgICAgYW5pbWF0ZSgnNDAwbXMgY3ViaWMtYmV6aWVyKDAuMzUsIDAsIDAuMjUsIDEpJywga2V5ZnJhbWVzKFtcbiAgICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06ICdzY2FsZTNkKDEsIDEsIDEpJywgb2Zmc2V0OiAwIH0pLFxuICAgICAgICBzdHlsZSh7IHRyYW5zZm9ybTogJ3NjYWxlM2QoMC44LCAwLjgsIDEpJywgb2Zmc2V0OiAwLjI1IH0pLFxuICAgICAgICBzdHlsZSh7IHRyYW5zZm9ybTogJ3NjYWxlM2QoMSwgMSwgMSknLCBvZmZzZXQ6IDAuNSB9KSxcbiAgICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06ICdzY2FsZTNkKDEsIDEsIDEpJywgb2Zmc2V0OiAxLjAgfSksXG4gICAgICBdKSksXG4gICAgXSlcbiAgXSksXG4gIHJpcHBsZUFuaW1hdGlvbjogdHJpZ2dlcigncmlwcGxlQW5pbWF0aW9uJywgW1xuICAgIHN0YXRlKCd2b2lkJywgc3R5bGUoeyBvcGFjaXR5OiAwLCB0cmFuc2Zvcm06ICdzY2FsZTNkKDAuOCwgMC44LCAxKScgfSkpLFxuICAgIHN0YXRlKCdmYWxzZScsIHN0eWxlKHsgb3BhY2l0eTogMCwgdHJhbnNmb3JtOiAnc2NhbGUzZCgwLjgsIDAuOCwgMSknIH0pKSxcbiAgICBzdGF0ZSgndHJ1ZScsIHN0eWxlKHsgb3BhY2l0eTogMCwgdHJhbnNmb3JtOiAnc2NhbGUzZCgwLjgsIDAuOCwgMSknIH0pKSxcbiAgICB0cmFuc2l0aW9uKCcqID0+IDEnLCBbXG4gICAgICBxdWVyeSgnOnNlbGYnLFxuICAgICAgICBhbmltYXRlKCc0MDBtcyBjdWJpYy1iZXppZXIoMC4zNSwgMCwgMC4yNSwgMSknLCBrZXlmcmFtZXMoW1xuICAgICAgICAgIHN0eWxlKHsgb3BhY2l0eTogMC4yLCB0cmFuc2Zvcm06ICdzY2FsZTNkKDAuOCwgMC44LCAxKScsIG9mZnNldDogMCB9KSxcbiAgICAgICAgICBzdHlsZSh7IG9wYWNpdHk6IDAuMiwgdHJhbnNmb3JtOiAnc2NhbGUzZCgwLjgsIDAuOCwgMSknLCBvZmZzZXQ6IDAuMjAgfSksXG4gICAgICAgICAgc3R5bGUoeyBvcGFjaXR5OiAwLCBib3JkZXJXaWR0aDogMCwgdHJhbnNmb3JtOiAnc2NhbGUzZCh7e3NjYWxlfX0sIHt7c2NhbGV9fSwgMSknLCBvZmZzZXQ6IDEuMCB9KSxcbiAgICAgICAgXSkpLFxuICAgICAgICB7XG4gICAgICAgICAgcGFyYW1zOiB7XG4gICAgICAgICAgICBzY2FsZTogJzMuOCdcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIClcbiAgICBdKVxuICBdKVxufTtcblxuZXhwb3J0IGNvbnN0IEFuaW1hdGlvbnNNZXRhOiB7XG4gIGtub2JBbmltYXRpb25FbnRlcjogQW5pbWF0aW9uTWV0YWRhdGFbXTtcbiAga25vYkFuaW1hdGlvbkV4aXQ6IEFuaW1hdGlvbk1ldGFkYXRhW107XG4gIGdyYWRpZW50QW5pbWF0aW9uRW50ZXI6IEFuaW1hdGlvbk1ldGFkYXRhW107XG4gIGdyYWRpZW50QW5pbWF0aW9uRXhpdDogQW5pbWF0aW9uTWV0YWRhdGFbXTtcbn0gPSB7XG4gIGtub2JBbmltYXRpb25FbnRlcjogW1xuICAgIHN0eWxlKHsgb3BhY2l0eTogMSwgdHJhbnNmb3JtOiAnc2NhbGUzZCgxLCAxLCAxKScgfSksXG4gICAgYW5pbWF0ZSgnMTUwbXMgY3ViaWMtYmV6aWVyKDAuNCwgMC4wLCAxLCAxKScsIGtleWZyYW1lcyhbXG4gICAgICBzdHlsZSh7IG9wYWNpdHk6IDEsIHRyYW5zZm9ybTogJ3NjYWxlM2QoMCwgMCwgMSknLCBvZmZzZXQ6IDAgfSksXG4gICAgICBzdHlsZSh7IG9wYWNpdHk6IDEsIHRyYW5zZm9ybTogJ3NjYWxlM2QoMSwgMSwgMSknLCBvZmZzZXQ6IDEuMCB9KSxcbiAgICBdKSlcbiAgXSxcbiAga25vYkFuaW1hdGlvbkV4aXQ6IFtcbiAgICBzdHlsZSh7IG9wYWNpdHk6IDAsIHRyYW5zZm9ybTogJ3NjYWxlM2QoMCwgMCwgMSknIH0pLFxuICAgIGFuaW1hdGUoJzEwMG1zIGN1YmljLWJlemllcigwLjAsIDAuMCwgMC4yLCAxKScsIGtleWZyYW1lcyhbXG4gICAgICBzdHlsZSh7IG9wYWNpdHk6IDEsIHRyYW5zZm9ybTogJ3NjYWxlM2QoMSwgMSwgMSknLCBvZmZzZXQ6IDAgfSksXG4gICAgICBzdHlsZSh7IG9wYWNpdHk6IDEsIHRyYW5zZm9ybTogJ3NjYWxlM2QoMCwgMCwgMSknLCBvZmZzZXQ6IDEuMCB9KSxcbiAgICBdKSlcbiAgXSxcbiAgZ3JhZGllbnRBbmltYXRpb25FbnRlcjogW1xuXG4gICAgc3R5bGUoeyBvcGFjaXR5OiAxLCB0cmFuc2Zvcm06ICdzY2FsZTNkKDEsIDEsIDEpJyB9KSxcbiAgICBhbmltYXRlKCcyMDBtcyBjdWJpYy1iZXppZXIoMC40LCAwLjAsIDEsIDEpJywga2V5ZnJhbWVzKFtcbiAgICAgIHN0eWxlKHsgb3BhY2l0eTogMSwgdHJhbnNmb3JtOiAnc2NhbGUzZCgwLCAwLCAxKScsIG9mZnNldDogMCB9KSxcbiAgICAgIHN0eWxlKHsgb3BhY2l0eTogMSwgdHJhbnNmb3JtOiAnc2NhbGUzZCgxLCAxLCAxKScsIG9mZnNldDogMS4wIH0pLFxuICAgIF0pKVxuICBdLFxuICBncmFkaWVudEFuaW1hdGlvbkV4aXQ6IFtcbiAgICBzdHlsZSh7IG9wYWNpdHk6IDAsIHRyYW5zZm9ybTogJ3NjYWxlM2QoMCwgMCwgMSknIH0pLFxuICAgIGFuaW1hdGUoJzE1MG1zIGN1YmljLWJlemllcigwLjAsIDAuMCwgMC4yLCAxKScsIGtleWZyYW1lcyhbXG4gICAgICBzdHlsZSh7IG9wYWNpdHk6IDEsIHRyYW5zZm9ybTogJ3NjYWxlM2QoMSwgMSwgMSknLCBvZmZzZXQ6IDAgfSksXG4gICAgICBzdHlsZSh7IG9wYWNpdHk6IDEsIHRyYW5zZm9ybTogJ3NjYWxlM2QoMCwgMCwgMSknLCBvZmZzZXQ6IDEuMCB9KSxcbiAgICBdKSlcbiAgXSxcblxufTtcblxuIl19