ngx-slice-kit/esm2020/lib/core/animations/slide-in.mjs

[](https://badge.fury.io/js/ngx-slice-kit)

import { animate, group, query as q, style, transition, trigger } from '@angular/animations';
export function query(s, a) {
    return q(s, a, { optional: true });
}
const left = [
    style({ position: 'relative' }),
    query(':enter, :leave', style({ position: 'absolute', width: '100%' })),
    group([
        query(':enter', [style({ transform: 'translateX(-100%)' }), animate('0.6s ease-out', style({ transform: 'translateX(0%)' }))]),
        query(':leave', [style({ transform: 'translateX(0%)' }), animate('0.6s ease-out', style({ transform: 'translateX(100%)' }))]),
    ]),
];
const right = [
    style({ position: 'relative' }),
    query(':enter, :leave', style({ position: 'absolute', width: '100%' })),
    group([
        query(':enter', [style({ transform: 'translateX(100%)' }), animate('0.6s ease-out', style({ transform: 'translateX(0%)' }))]),
        query(':leave', [style({ transform: 'translateX(0%)' }), animate('0.6s ease-out', style({ transform: 'translateX(-100%)' }))]),
    ]),
];
export const slideInAnimation = trigger('routeAnimations', [
    transition(':increment', right),
    transition(':decrement', left),
]);
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGUtaW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL25neC1zbGljZS1raXQvc3JjL2xpYi9jb3JlL2FuaW1hdGlvbnMvc2xpZGUtaW4udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLE9BQU8sRUFBMEIsS0FBSyxFQUFFLEtBQUssSUFBSSxDQUFDLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQztBQUVuSCxNQUFNLFVBQVUsS0FBSyxDQUFDLENBQUMsRUFBRSxDQUFDO0lBQ3RCLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBQyxRQUFRLEVBQUUsSUFBSSxFQUFDLENBQUMsQ0FBQztBQUNyQyxDQUFDO0FBRUQsTUFBTSxJQUFJLEdBQUc7SUFDVCxLQUFLLENBQUMsRUFBQyxRQUFRLEVBQUUsVUFBVSxFQUFDLENBQUM7SUFDN0IsS0FBSyxDQUFDLGdCQUFnQixFQUFFLEtBQUssQ0FBQyxFQUFDLFFBQVEsRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBQyxDQUFDLENBQUM7SUFDckUsS0FBSyxDQUFDO1FBQ0YsS0FBSyxDQUNELFFBQVEsRUFDUixDQUFDLEtBQUssQ0FBQyxFQUFDLFNBQVMsRUFBRSxtQkFBbUIsRUFBQyxDQUFDLEVBQUUsT0FBTyxDQUFDLGVBQWUsRUFBRSxLQUFLLENBQUMsRUFBQyxTQUFTLEVBQUUsZ0JBQWdCLEVBQUMsQ0FBQyxDQUFDLENBQUMsQ0FDNUc7UUFDRCxLQUFLLENBQ0QsUUFBUSxFQUNSLENBQUMsS0FBSyxDQUFDLEVBQUMsU0FBUyxFQUFFLGdCQUFnQixFQUFDLENBQUMsRUFBRSxPQUFPLENBQUMsZUFBZSxFQUFFLEtBQUssQ0FBQyxFQUFDLFNBQVMsRUFBRSxrQkFBa0IsRUFBQyxDQUFDLENBQUMsQ0FBQyxDQUMzRztLQUNKLENBQUM7Q0FDTCxDQUFDO0FBRUYsTUFBTSxLQUFLLEdBQUc7SUFDVixLQUFLLENBQUMsRUFBQyxRQUFRLEVBQUUsVUFBVSxFQUFDLENBQUM7SUFDN0IsS0FBSyxDQUFDLGdCQUFnQixFQUFFLEtBQUssQ0FBQyxFQUFDLFFBQVEsRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBQyxDQUFDLENBQUM7SUFDckUsS0FBSyxDQUFDO1FBQ0YsS0FBSyxDQUNELFFBQVEsRUFDUixDQUFDLEtBQUssQ0FBQyxFQUFDLFNBQVMsRUFBRSxrQkFBa0IsRUFBQyxDQUFDLEVBQUUsT0FBTyxDQUFDLGVBQWUsRUFBRSxLQUFLLENBQUMsRUFBQyxTQUFTLEVBQUUsZ0JBQWdCLEVBQUMsQ0FBQyxDQUFDLENBQUMsQ0FDM0c7UUFDRCxLQUFLLENBQ0QsUUFBUSxFQUNSLENBQUMsS0FBSyxDQUFDLEVBQUMsU0FBUyxFQUFFLGdCQUFnQixFQUFDLENBQUMsRUFBRSxPQUFPLENBQUMsZUFBZSxFQUFFLEtBQUssQ0FBQyxFQUFDLFNBQVMsRUFBRSxtQkFBbUIsRUFBQyxDQUFDLENBQUMsQ0FBQyxDQUM1RztLQUNKLENBQUM7Q0FDTCxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQ3pCLE9BQU8sQ0FBQyxpQkFBaUIsRUFBRTtJQUN2QixVQUFVLENBQUMsWUFBWSxFQUFFLEtBQUssQ0FBQztJQUMvQixVQUFVLENBQUMsWUFBWSxFQUFFLElBQUksQ0FBQztDQUNqQyxDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge2FuaW1hdGUsIEFuaW1hdGlvblF1ZXJ5TWV0YWRhdGEsIGdyb3VwLCBxdWVyeSBhcyBxLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlcn0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5cbmV4cG9ydCBmdW5jdGlvbiBxdWVyeShzLCBhKTogQW5pbWF0aW9uUXVlcnlNZXRhZGF0YSB7XG4gICAgcmV0dXJuIHEocywgYSwge29wdGlvbmFsOiB0cnVlfSk7XG59XG5cbmNvbnN0IGxlZnQgPSBbXG4gICAgc3R5bGUoe3Bvc2l0aW9uOiAncmVsYXRpdmUnfSksXG4gICAgcXVlcnkoJzplbnRlciwgOmxlYXZlJywgc3R5bGUoe3Bvc2l0aW9uOiAnYWJzb2x1dGUnLCB3aWR0aDogJzEwMCUnfSkpLFxuICAgIGdyb3VwKFtcbiAgICAgICAgcXVlcnkoXG4gICAgICAgICAgICAnOmVudGVyJyxcbiAgICAgICAgICAgIFtzdHlsZSh7dHJhbnNmb3JtOiAndHJhbnNsYXRlWCgtMTAwJSknfSksIGFuaW1hdGUoJzAuNnMgZWFzZS1vdXQnLCBzdHlsZSh7dHJhbnNmb3JtOiAndHJhbnNsYXRlWCgwJSknfSkpXVxuICAgICAgICApLFxuICAgICAgICBxdWVyeShcbiAgICAgICAgICAgICc6bGVhdmUnLFxuICAgICAgICAgICAgW3N0eWxlKHt0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDAlKSd9KSwgYW5pbWF0ZSgnMC42cyBlYXNlLW91dCcsIHN0eWxlKHt0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDEwMCUpJ30pKV1cbiAgICAgICAgKSxcbiAgICBdKSxcbl07XG5cbmNvbnN0IHJpZ2h0ID0gW1xuICAgIHN0eWxlKHtwb3NpdGlvbjogJ3JlbGF0aXZlJ30pLFxuICAgIHF1ZXJ5KCc6ZW50ZXIsIDpsZWF2ZScsIHN0eWxlKHtwb3NpdGlvbjogJ2Fic29sdXRlJywgd2lkdGg6ICcxMDAlJ30pKSxcbiAgICBncm91cChbXG4gICAgICAgIHF1ZXJ5KFxuICAgICAgICAgICAgJzplbnRlcicsXG4gICAgICAgICAgICBbc3R5bGUoe3RyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoMTAwJSknfSksIGFuaW1hdGUoJzAuNnMgZWFzZS1vdXQnLCBzdHlsZSh7dHJhbnNmb3JtOiAndHJhbnNsYXRlWCgwJSknfSkpXVxuICAgICAgICApLFxuICAgICAgICBxdWVyeShcbiAgICAgICAgICAgICc6bGVhdmUnLFxuICAgICAgICAgICAgW3N0eWxlKHt0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDAlKSd9KSwgYW5pbWF0ZSgnMC42cyBlYXNlLW91dCcsIHN0eWxlKHt0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKC0xMDAlKSd9KSldXG4gICAgICAgICksXG4gICAgXSksXG5dO1xuXG5leHBvcnQgY29uc3Qgc2xpZGVJbkFuaW1hdGlvbiA9XG4gICAgdHJpZ2dlcigncm91dGVBbmltYXRpb25zJywgW1xuICAgICAgICB0cmFuc2l0aW9uKCc6aW5jcmVtZW50JywgcmlnaHQpLFxuICAgICAgICB0cmFuc2l0aW9uKCc6ZGVjcmVtZW50JywgbGVmdCksXG4gICAgXSk7XG4iXX0=