igniteui-webcomponents/animations/presets/slide/index.js

Ignite UI for Web Components is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach.

import { EaseInOut } from '../../easings.js';
import { animation } from '../../types.js';
const baseOptions = {
    duration: 350,
    easing: EaseInOut.Quad,
};
const slideInHor = (options = baseOptions) => animation([
    { transform: 'translateX(100%)', opacity: 0 },
    { transform: 'translateX(0)', opacity: 1 },
], options);
const slideOutHor = (options = baseOptions) => animation([
    { transform: 'translateX(0)', opacity: 1 },
    { transform: 'translateX(-100%)', opacity: 0 },
], options);
export { slideInHor, slideOutHor };
//# sourceMappingURL=index.js.map