@radial-color-picker/angular-color-picker
Version:
Radial Color Picker - Angular
63 lines • 11.6 kB
JavaScript
import { animate, keyframes, query, state, style, transition, trigger } from '@angular/animations';
export var 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 var 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5pbWF0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0ByYWRpYWwtY29sb3ItcGlja2VyL2FuZ3VsYXItY29sb3ItcGlja2VyLyIsInNvdXJjZXMiOlsibGliL2hlbHBlcnMvYW5pbWF0aW9ucy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUErQyxTQUFTLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBRWhKLE1BQU0sQ0FBQyxJQUFNLFVBQVUsR0FHbkI7SUFDRixlQUFlLEVBQUUsT0FBTyxDQUFDLGlCQUFpQixFQUFFO1FBQzFDLEtBQUssQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGtCQUFrQixFQUFFLENBQUMsQ0FBQztRQUN2RCxLQUFLLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxrQkFBa0IsRUFBRSxDQUFDLENBQUM7UUFDeEQsS0FBSyxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsa0JBQWtCLEVBQUUsQ0FBQyxDQUFDO1FBQ3ZELFVBQVUsQ0FBQyxRQUFRLEVBQUU7WUFDbkIsT0FBTyxDQUFDLHNDQUFzQyxFQUFFLFNBQVMsQ0FBQztnQkFDeEQsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sRUFBRSxDQUFDLEVBQUUsQ0FBQztnQkFDbkQsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsQ0FBQztnQkFDMUQsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsQ0FBQztnQkFDckQsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsQ0FBQzthQUN0RCxD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LENBQUM7S0FDSjtJQUNELHFCQUFxQixFQUFFO1FBQ3JCLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsU0FBUyxFQUFFLGtCQUFrQixFQUFFLENBQUM7UUFDcEQsT0FBTyxDQUFDLHNDQUFzQyxFQUFFLFNBQVMsQ0FBQztZQUN4RCxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLFNBQVMsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLEVBQUUsQ0FBQyxFQUFFLENBQUM7WUFDL0QsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxTQUFTLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxDQUFDO1NBQ2xFLENBQUMsQ0FBQztLQUNKO0NBRUYsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFuaW1hdGUsIEFuaW1hdGlvbk1ldGFkYXRhLCBBbmltYXRpb25UcmlnZ2VyTWV0YWRhdGEsIGtleWZyYW1lcywgcXVlcnksIHN0YXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xyXG5cclxuZXhwb3J0IGNvbnN0IEFuaW1hdGlvbnM6IHtcclxuICBidXR0b25BbmltYXRpb246IEFuaW1hdGlvblRyaWdnZXJNZXRhZGF0YTtcclxuICByaXBwbGVBbmltYXRpb246IEFuaW1hdGlvblRyaWdnZXJNZXRhZGF0YTtcclxufSA9IHtcclxuICBidXR0b25BbmltYXRpb246IHRyaWdnZXIoJ2J1dHRvbkFuaW1hdGlvbicsIFtcclxuICAgIHN0YXRlKCd2b2lkJywgc3R5bGUoeyB0cmFuc2Zvcm06ICdzY2FsZTNkKDEsIDEsIDEpJyB9KSksXHJcbiAgICBzdGF0ZSgnZmFsc2UnLCBzdHlsZSh7IHRyYW5zZm9ybTogJ3NjYWxlM2QoMSwgMSwgMSknIH0pKSxcclxuICAgIHN0YXRlKCd0cnVlJywgc3R5bGUoeyB0cmFuc2Zvcm06ICdzY2FsZTNkKDEsIDEsIDEpJyB9KSksXHJcbiAgICB0cmFuc2l0aW9uKCcqID0+IDEnLCBbXHJcbiAgICAgIGFuaW1hdGUoJzQwMG1zIGN1YmljLWJlemllcigwLjM1LCAwLCAwLjI1LCAxKScsIGtleWZyYW1lcyhbXHJcbiAgICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06ICdzY2FsZTNkKDEsIDEsIDEpJywgb2Zmc2V0OiAwIH0pLFxyXG4gICAgICAgIHN0eWxlKHsgdHJhbnNmb3JtOiAnc2NhbGUzZCgwLjgsIDAuOCwgMSknLCBvZmZzZXQ6IDAuMjUgfSksXHJcbiAgICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06ICdzY2FsZTNkKDEsIDEsIDEpJywgb2Zmc2V0OiAwLjUgfSksXHJcbiAgICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06ICdzY2FsZTNkKDEsIDEsIDEpJywgb2Zmc2V0OiAxLjAgfSksXHJcbiAgICAgIF0pKSxcclxuICAgIF0pXHJcbiAgXSksXHJcbiAgcmlwcGxlQW5pbWF0aW9uOiB0cmlnZ2VyKCdyaXBwbGVBbmltYXRpb24nLCBbXHJcbiAgICBzdGF0ZSgndm9pZCcsIHN0eWxlKHsgb3BhY2l0eTogMCwgdHJhbnNmb3JtOiAnc2NhbGUzZCgwLjgsIDAuOCwgMSknIH0pKSxcclxuICAgIHN0YXRlKCdmYWxzZScsIHN0eWxlKHsgb3BhY2l0eTogMCwgdHJhbnNmb3JtOiAnc2NhbGUzZCgwLjgsIDAuOCwgMSknIH0pKSxcclxuICAgIHN0YXRlKCd0cnVlJywgc3R5bGUoeyBvcGFjaXR5OiAwLCB0cmFuc2Zvcm06ICdzY2FsZTNkKDAuOCwgMC44LCAxKScgfSkpLFxyXG4gICAgdHJhbnNpdGlvbignKiA9PiAxJywgW1xyXG4gICAgICBxdWVyeSgnOnNlbGYnLFxyXG4gICAgICAgIGFuaW1hdGUoJzQwMG1zIGN1YmljLWJlemllcigwLjM1LCAwLCAwLjI1LCAxKScsIGtleWZyYW1lcyhbXHJcbiAgICAgICAgICBzdHlsZSh7IG9wYWNpdHk6IDAuMiwgdHJhbnNmb3JtOiAnc2NhbGUzZCgwLjgsIDAuOCwgMSknLCBvZmZzZXQ6IDAgfSksXHJcbiAgICAgICAgICBzdHlsZSh7IG9wYWNpdHk6IDAuMiwgdHJhbnNmb3JtOiAnc2NhbGUzZCgwLjgsIDAuOCwgMSknLCBvZmZzZXQ6IDAuMjAgfSksXHJcbiAgICAgICAgICBzdHlsZSh7IG9wYWNpdHk6IDAsIGJvcmRlcldpZHRoOiAwLCB0cmFuc2Zvcm06ICdzY2FsZTNkKHt7c2NhbGV9fSwge3tzY2FsZX19LCAxKScsIG9mZnNldDogMS4wIH0pLFxyXG4gICAgICAgIF0pKSxcclxuICAgICAgICB7XHJcbiAgICAgICAgICBwYXJhbXM6IHtcclxuICAgICAgICAgICAgc2NhbGU6ICczLjgnXHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICApXHJcbiAgICBdKVxyXG4gIF0pXHJcbn07XHJcblxyXG5leHBvcnQgY29uc3QgQW5pbWF0aW9uc01ldGE6IHtcclxuICBrbm9iQW5pbWF0aW9uRW50ZXI6IEFuaW1hdGlvbk1ldGFkYXRhW107XHJcbiAga25vYkFuaW1hdGlvbkV4aXQ6IEFuaW1hdGlvbk1ldGFkYXRhW107XHJcbiAgZ3JhZGllbnRBbmltYXRpb25FbnRlcjogQW5pbWF0aW9uTWV0YWRhdGFbXTtcclxuICBncmFkaWVudEFuaW1hdGlvbkV4aXQ6IEFuaW1hdGlvbk1ldGFkYXRhW107XHJcbn0gPSB7XHJcbiAga25vYkFuaW1hdGlvbkVudGVyOiBbXHJcbiAgICBzdHlsZSh7IG9wYWNpdHk6IDEsIHRyYW5zZm9ybTogJ3NjYWxlM2QoMSwgMSwgMSknIH0pLFxyXG4gICAgYW5pbWF0ZSgnMTUwbXMgY3ViaWMtYmV6aWVyKDAuNCwgMC4wLCAxLCAxKScsIGtleWZyYW1lcyhbXHJcbiAgICAgIHN0eWxlKHsgb3BhY2l0eTogMSwgdHJhbnNmb3JtOiAnc2NhbGUzZCgwLCAwLCAxKScsIG9mZnNldDogMCB9KSxcclxuICAgICAgc3R5bGUoeyBvcGFjaXR5OiAxLCB0cmFuc2Zvcm06ICdzY2FsZTNkKDEsIDEsIDEpJywgb2Zmc2V0OiAxLjAgfSksXHJcbiAgICBdKSlcclxuICBdLFxyXG4gIGtub2JBbmltYXRpb25FeGl0OiBbXHJcbiAgICBzdHlsZSh7IG9wYWNpdHk6IDAsIHRyYW5zZm9ybTogJ3NjYWxlM2QoMCwgMCwgMSknIH0pLFxyXG4gICAgYW5pbWF0ZSgnMTAwbXMgY3ViaWMtYmV6aWVyKDAuMCwgMC4wLCAwLjIsIDEpJywga2V5ZnJhbWVzKFtcclxuICAgICAgc3R5bGUoeyBvcGFjaXR5OiAxLCB0cmFuc2Zvcm06ICdzY2FsZTNkKDEsIDEsIDEpJywgb2Zmc2V0OiAwIH0pLFxyXG4gICAgICBzdHlsZSh7IG9wYWNpdHk6IDEsIHRyYW5zZm9ybTogJ3NjYWxlM2QoMCwgMCwgMSknLCBvZmZzZXQ6IDEuMCB9KSxcclxuICAgIF0pKVxyXG4gIF0sXHJcbiAgZ3JhZGllbnRBbmltYXRpb25FbnRlcjogW1xyXG5cclxuICAgIHN0eWxlKHsgb3BhY2l0eTogMSwgdHJhbnNmb3JtOiAnc2NhbGUzZCgxLCAxLCAxKScgfSksXHJcbiAgICBhbmltYXRlKCcyMDBtcyBjdWJpYy1iZXppZXIoMC40LCAwLjAsIDEsIDEpJywga2V5ZnJhbWVzKFtcclxuICAgICAgc3R5bGUoeyBvcGFjaXR5OiAxLCB0cmFuc2Zvcm06ICdzY2FsZTNkKDAsIDAsIDEpJywgb2Zmc2V0OiAwIH0pLFxyXG4gICAgICBzdHlsZSh7IG9wYWNpdHk6IDEsIHRyYW5zZm9ybTogJ3NjYWxlM2QoMSwgMSwgMSknLCBvZmZzZXQ6IDEuMCB9KSxcclxuICAgIF0pKVxyXG4gIF0sXHJcbiAgZ3JhZGllbnRBbmltYXRpb25FeGl0OiBbXHJcbiAgICBzdHlsZSh7IG9wYWNpdHk6IDAsIHRyYW5zZm9ybTogJ3NjYWxlM2QoMCwgMCwgMSknIH0pLFxyXG4gICAgYW5pbWF0ZSgnMTUwbXMgY3ViaWMtYmV6aWVyKDAuMCwgMC4wLCAwLjIsIDEpJywga2V5ZnJhbWVzKFtcclxuICAgICAgc3R5bGUoeyBvcGFjaXR5OiAxLCB0cmFuc2Zvcm06ICdzY2FsZTNkKDEsIDEsIDEpJywgb2Zmc2V0OiAwIH0pLFxyXG4gICAgICBzdHlsZSh7IG9wYWNpdHk6IDEsIHRyYW5zZm9ybTogJ3NjYWxlM2QoMCwgMCwgMSknLCBvZmZzZXQ6IDEuMCB9KSxcclxuICAgIF0pKVxyXG4gIF0sXHJcblxyXG59O1xyXG5cclxuIl19