@3kles/kles-ng-carousel
Version:
@3kles/kles-ng-carousel is a angular library to create carousel.
76 lines • 8.34 kB
JavaScript
import { style, animate, animation, keyframes } from '@angular/animations';
// =========================
// Enum for referencing animations
// =========================
export var AnimationType;
(function (AnimationType) {
AnimationType["Scale"] = "scale";
AnimationType["Fade"] = "fade";
AnimationType["Flip"] = "flip";
AnimationType["JackInTheBox"] = "jackInTheBox";
})(AnimationType || (AnimationType = {}));
// =========================
// Scale
// =========================
export const scaleIn = animation([
style({ opacity: 0, transform: 'scale(0.5)' }), // start state
animate('{{time}} cubic-bezier(0.785, 0.135, 0.15, 0.86)', style({ opacity: 1, transform: 'scale(1)' }))
]);
export const scaleOut = animation([
animate('{{time}} cubic-bezier(0.785, 0.135, 0.15, 0.86)', style({ opacity: 0, transform: 'scale(0.5)' }))
]);
// =========================
// Fade
// =========================
export const fadeIn = animation([
style({ opacity: 0 }), // start state
animate('{{time}} cubic-bezier(0.785, 0.135, 0.15, 0.86)', style({ opacity: 1 }))
]);
export const fadeOut = animation([
animate('{{time}} cubic-bezier(0.785, 0.135, 0.15, 0.86)', style({ opacity: 0 }))
]);
// =========================
// Flip
// =========================
export const flipIn = animation([
animate('{{time}} cubic-bezier(0.785, 0.135, 0.15, 0.86)', keyframes([
style({
opacity: 1,
transform: 'perspective(400px) rotate3d(1, 0, 0, 90deg)',
offset: 0
}), // start state
style({ transform: 'perspective(400px)', offset: 1 })
]))
]);
export const flipOut = animation([
// just hide it
]);
// =========================
// Jack in the box
// =========================
export const jackIn = animation([
animate('{{time}} ease-in', keyframes([
style({
animationFillMode: 'forwards',
transform: 'scale(0.1) rotate(30deg)',
transformOrigin: 'center bottom',
offset: 0
}),
style({
transform: 'rotate(-10deg)',
offset: 0.5
}),
style({
transform: 'rotate(3deg)',
offset: 0.7
}),
style({
transform: 'perspective(400px)',
offset: 1
})
]))
]);
export const jackOut = animation([
// just hide it
]);
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2Fyb3VzZWwuYW5pbWF0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2tsZXMtbmctY2Fyb3VzZWwvc3JjL2xpYi9jYXJvdXNlbC5hbmltYXRpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUUzRSw0QkFBNEI7QUFDNUIsa0NBQWtDO0FBQ2xDLDRCQUE0QjtBQUM1QixNQUFNLENBQU4sSUFBWSxhQUtYO0FBTEQsV0FBWSxhQUFhO0lBQ3ZCLGdDQUFlLENBQUE7SUFDZiw4QkFBYSxDQUFBO0lBQ2IsOEJBQWEsQ0FBQTtJQUNiLDhDQUE2QixDQUFBO0FBQy9CLENBQUMsRUFMVyxhQUFhLEtBQWIsYUFBYSxRQUt4QjtBQUVELDRCQUE0QjtBQUM1QixRQUFRO0FBQ1IsNEJBQTRCO0FBQzVCLE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FBRyxTQUFTLENBQUM7SUFDL0IsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLENBQUMsRUFBRSxjQUFjO0lBQzlELE9BQU8sQ0FDTCxpREFBaUQsRUFDakQsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLENBQUMsQ0FDN0M7Q0FDRixDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsU0FBUyxDQUFDO0lBQ2hDLE9BQU8sQ0FDTCxpREFBaUQsRUFDakQsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLENBQUMsQ0FDL0M7Q0FDRixDQUFDLENBQUM7QUFFSCw0QkFBNEI7QUFDNUIsT0FBTztBQUNQLDRCQUE0QjtBQUM1QixNQUFNLENBQUMsTUFBTSxNQUFNLEdBQUcsU0FBUyxDQUFDO0lBQzlCLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLGNBQWM7SUFDckMsT0FBTyxDQUNMLGlEQUFpRCxFQUNqRCxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FDdEI7Q0FDRixDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDO0lBQy9CLE9BQU8sQ0FDTCxpREFBaUQsRUFDakQsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQ3RCO0NBQ0YsQ0FBQyxDQUFDO0FBRUgsNEJBQTRCO0FBQzVCLE9BQU87QUFDUCw0QkFBNEI7QUFDNUIsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFHLFNBQVMsQ0FBQztJQUM5QixPQUFPLENBQ0wsaURBQWlELEVBQ2pELFNBQVMsQ0FBQztRQUNSLEtBQUssQ0FBQztZQUNKLE9BQU8sRUFBRSxDQUFDO1lBQ1YsU0FBUyxFQUFFLDZDQUE2QztZQUN4RCxNQUFNLEVBQUUsQ0FBQztTQUNWLENBQUMsRUFBRSxjQUFjO1FBQ2xCLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxvQkFBb0IsRUFBRSxNQUFNLEVBQUUsQ0FBQyxFQUFFLENBQUM7S0FDdEQsQ0FBQyxDQUNIO0NBQ0YsQ0FBQyxDQUFDO0FBRUgsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQztBQUMvQixlQUFlO0NBQ2hCLENBQUMsQ0FBQztBQUVILDRCQUE0QjtBQUM1QixrQkFBa0I7QUFDbEIsNEJBQTRCO0FBQzVCLE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBRyxTQUFTLENBQUM7SUFDOUIsT0FBTyxDQUNMLGtCQUFrQixFQUNsQixTQUFTLENBQUM7UUFDUixLQUFLLENBQUM7WUFDSixpQkFBaUIsRUFBRSxVQUFVO1lBQzdCLFNBQVMsRUFBRSwwQkFBMEI7WUFDckMsZUFBZSxFQUFFLGVBQWU7WUFDaEMsTUFBTSxFQUFFLENBQUM7U0FDVixDQUFDO1FBQ0YsS0FBSyxDQUFDO1lBQ0osU0FBUyxFQUFFLGdCQUFnQjtZQUMzQixNQUFNLEVBQUUsR0FBRztTQUNaLENBQUM7UUFDRixLQUFLLENBQUM7WUFDSixTQUFTLEVBQUUsY0FBYztZQUN6QixNQUFNLEVBQUUsR0FBRztTQUNaLENBQUM7UUFDRixLQUFLLENBQUM7WUFDSixTQUFTLEVBQUUsb0JBQW9CO1lBQy9CLE1BQU0sRUFBRSxDQUFDO1NBQ1YsQ0FBQztLQUNILENBQUMsQ0FDSDtDQUNGLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FBRyxTQUFTLENBQUM7QUFDL0IsZUFBZTtDQUNoQixDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBzdHlsZSwgYW5pbWF0ZSwgYW5pbWF0aW9uLCBrZXlmcmFtZXMgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PVxuLy8gRW51bSBmb3IgcmVmZXJlbmNpbmcgYW5pbWF0aW9uc1xuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PVxuZXhwb3J0IGVudW0gQW5pbWF0aW9uVHlwZSB7XG4gIFNjYWxlID0gJ3NjYWxlJyxcbiAgRmFkZSA9ICdmYWRlJyxcbiAgRmxpcCA9ICdmbGlwJyxcbiAgSmFja0luVGhlQm94ID0gJ2phY2tJblRoZUJveCdcbn1cblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PVxuLy8gU2NhbGVcbi8vID09PT09PT09PT09PT09PT09PT09PT09PT1cbmV4cG9ydCBjb25zdCBzY2FsZUluID0gYW5pbWF0aW9uKFtcbiAgc3R5bGUoeyBvcGFjaXR5OiAwLCB0cmFuc2Zvcm06ICdzY2FsZSgwLjUpJyB9KSwgLy8gc3RhcnQgc3RhdGVcbiAgYW5pbWF0ZShcbiAgICAne3t0aW1lfX0gY3ViaWMtYmV6aWVyKDAuNzg1LCAwLjEzNSwgMC4xNSwgMC44NiknLFxuICAgIHN0eWxlKHsgb3BhY2l0eTogMSwgdHJhbnNmb3JtOiAnc2NhbGUoMSknIH0pXG4gIClcbl0pO1xuXG5leHBvcnQgY29uc3Qgc2NhbGVPdXQgPSBhbmltYXRpb24oW1xuICBhbmltYXRlKFxuICAgICd7e3RpbWV9fSBjdWJpYy1iZXppZXIoMC43ODUsIDAuMTM1LCAwLjE1LCAwLjg2KScsXG4gICAgc3R5bGUoeyBvcGFjaXR5OiAwLCB0cmFuc2Zvcm06ICdzY2FsZSgwLjUpJyB9KVxuICApXG5dKTtcblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PVxuLy8gRmFkZVxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PVxuZXhwb3J0IGNvbnN0IGZhZGVJbiA9IGFuaW1hdGlvbihbXG4gIHN0eWxlKHsgb3BhY2l0eTogMCB9KSwgLy8gc3RhcnQgc3RhdGVcbiAgYW5pbWF0ZShcbiAgICAne3t0aW1lfX0gY3ViaWMtYmV6aWVyKDAuNzg1LCAwLjEzNSwgMC4xNSwgMC44NiknLFxuICAgIHN0eWxlKHsgb3BhY2l0eTogMSB9KVxuICApXG5dKTtcblxuZXhwb3J0IGNvbnN0IGZhZGVPdXQgPSBhbmltYXRpb24oW1xuICBhbmltYXRlKFxuICAgICd7e3RpbWV9fSBjdWJpYy1iZXppZXIoMC43ODUsIDAuMTM1LCAwLjE1LCAwLjg2KScsXG4gICAgc3R5bGUoeyBvcGFjaXR5OiAwIH0pXG4gIClcbl0pO1xuXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBGbGlwXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09XG5leHBvcnQgY29uc3QgZmxpcEluID0gYW5pbWF0aW9uKFtcbiAgYW5pbWF0ZShcbiAgICAne3t0aW1lfX0gY3ViaWMtYmV6aWVyKDAuNzg1LCAwLjEzNSwgMC4xNSwgMC44NiknLFxuICAgIGtleWZyYW1lcyhbXG4gICAgICBzdHlsZSh7XG4gICAgICAgIG9wYWNpdHk6IDEsXG4gICAgICAgIHRyYW5zZm9ybTogJ3BlcnNwZWN0aXZlKDQwMHB4KSByb3RhdGUzZCgxLCAwLCAwLCA5MGRlZyknLFxuICAgICAgICBvZmZzZXQ6IDBcbiAgICAgIH0pLCAvLyBzdGFydCBzdGF0ZVxuICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06ICdwZXJzcGVjdGl2ZSg0MDBweCknLCBvZmZzZXQ6IDEgfSlcbiAgICBdKVxuICApXG5dKTtcblxuZXhwb3J0IGNvbnN0IGZsaXBPdXQgPSBhbmltYXRpb24oW1xuICAvLyBqdXN0IGhpZGUgaXRcbl0pO1xuXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBKYWNrIGluIHRoZSBib3hcbi8vID09PT09PT09PT09PT09PT09PT09PT09PT1cbmV4cG9ydCBjb25zdCBqYWNrSW4gPSBhbmltYXRpb24oW1xuICBhbmltYXRlKFxuICAgICd7e3RpbWV9fSBlYXNlLWluJyxcbiAgICBrZXlmcmFtZXMoW1xuICAgICAgc3R5bGUoe1xuICAgICAgICBhbmltYXRpb25GaWxsTW9kZTogJ2ZvcndhcmRzJyxcbiAgICAgICAgdHJhbnNmb3JtOiAnc2NhbGUoMC4xKSByb3RhdGUoMzBkZWcpJyxcbiAgICAgICAgdHJhbnNmb3JtT3JpZ2luOiAnY2VudGVyIGJvdHRvbScsXG4gICAgICAgIG9mZnNldDogMFxuICAgICAgfSksXG4gICAgICBzdHlsZSh7XG4gICAgICAgIHRyYW5zZm9ybTogJ3JvdGF0ZSgtMTBkZWcpJyxcbiAgICAgICAgb2Zmc2V0OiAwLjVcbiAgICAgIH0pLFxuICAgICAgc3R5bGUoe1xuICAgICAgICB0cmFuc2Zvcm06ICdyb3RhdGUoM2RlZyknLFxuICAgICAgICBvZmZzZXQ6IDAuN1xuICAgICAgfSksXG4gICAgICBzdHlsZSh7XG4gICAgICAgIHRyYW5zZm9ybTogJ3BlcnNwZWN0aXZlKDQwMHB4KScsXG4gICAgICAgIG9mZnNldDogMVxuICAgICAgfSlcbiAgICBdKVxuICApXG5dKTtcblxuZXhwb3J0IGNvbnN0IGphY2tPdXQgPSBhbmltYXRpb24oW1xuICAvLyBqdXN0IGhpZGUgaXRcbl0pO1xuIl19