UNPKG

@3kles/kles-ng-carousel

Version:

@3kles/kles-ng-carousel is a angular library to create carousel.

76 lines 8.34 kB
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