@junte/ui
Version:
Quality Angular UI components kit
19 lines • 3.44 kB
JavaScript
import { animate, animateChild, group, query, style, transition, trigger } from '@angular/animations';
import { moveFromRightKeyframes, moveToLeftKeyframes } from './keyframes';
import { noneAnimation, sharedStyles } from './shared';
export const moveFromRight = trigger('moveFromRight', [
...noneAnimation,
transition('* => *', [
query(':enter, :leave', style(sharedStyles), { optional: true }),
group([
query(':enter', [
animate('{{enterTiming}}s {{enterDelay}}s ease', moveFromRightKeyframes)
], { optional: true }),
query(':leave', [
animate('{{leaveTiming}}s {{leaveDelay}}s ease', moveToLeftKeyframes)
], { optional: true }),
]),
query(':enter, :leave', animateChild(), { optional: true }),
], { params: { enterTiming: '10', leaveTiming: '10', enterDelay: '0', leaveDelay: '0' } })
]);
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5pbWF0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BqdW50ZS91aS8iLCJzb3VyY2VzIjpbImxpYi9jb3JlL2FuaW1hdGlvbnMvYW5pbWF0aW9ucy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdEcsT0FBTyxFQUFFLHNCQUFzQixFQUFFLG1CQUFtQixFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQzFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBRXZELE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxPQUFPLENBQUMsZUFBZSxFQUFFO0lBQ3BELEdBQUcsYUFBYTtJQUNoQixVQUFVLENBQUMsUUFBUSxFQUFFO1FBQ25CLEtBQUssQ0FBQyxnQkFBZ0IsRUFBRSxLQUFLLENBQUMsWUFBWSxDQUFDLEVBQUUsRUFBQyxRQUFRLEVBQUUsSUFBSSxFQUFDLENBQUM7UUFDOUQsS0FBSyxDQUFDO1lBQ0osS0FBSyxDQUFDLFFBQVEsRUFBRTtnQkFDZCxPQUFPLENBQUMsdUNBQXVDLEVBQUUsc0JBQXNCLENBQUM7YUFDekUsRUFBRSxFQUFDLFFBQVEsRUFBRSxJQUFJLEVBQUMsQ0FBQztZQUNwQixLQUFLLENBQUMsUUFBUSxFQUFFO2dCQUNkLE9BQU8sQ0FBQyx1Q0FBdUMsRUFBRSxtQkFBbUIsQ0FBQzthQUN0RSxFQUFFLEVBQUMsUUFBUSxFQUFFLElBQUksRUFBQyxDQUFDO1NBQ3JCLENBQUM7UUFDRixLQUFLLENBQUMsZ0JBQWdCLEVBQUUsWUFBWSxFQUFFLEVBQUUsRUFBQyxRQUFRLEVBQUUsSUFBSSxFQUFDLENBQUM7S0FDMUQsRUFBRSxFQUFDLE1BQU0sRUFBRSxFQUFDLFdBQVcsRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsR0FBRyxFQUFFLFVBQVUsRUFBRSxHQUFHLEVBQUMsRUFBQyxDQUFDO0NBQ3ZGLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFuaW1hdGUsIGFuaW1hdGVDaGlsZCwgZ3JvdXAsIHF1ZXJ5LCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuaW1wb3J0IHsgbW92ZUZyb21SaWdodEtleWZyYW1lcywgbW92ZVRvTGVmdEtleWZyYW1lcyB9IGZyb20gJy4va2V5ZnJhbWVzJztcbmltcG9ydCB7IG5vbmVBbmltYXRpb24sIHNoYXJlZFN0eWxlcyB9IGZyb20gJy4vc2hhcmVkJztcblxuZXhwb3J0IGNvbnN0IG1vdmVGcm9tUmlnaHQgPSB0cmlnZ2VyKCdtb3ZlRnJvbVJpZ2h0JywgW1xuICAuLi5ub25lQW5pbWF0aW9uLFxuICB0cmFuc2l0aW9uKCcqID0+IConLCBbXG4gICAgcXVlcnkoJzplbnRlciwgOmxlYXZlJywgc3R5bGUoc2hhcmVkU3R5bGVzKSwge29wdGlvbmFsOiB0cnVlfSksXG4gICAgZ3JvdXAoW1xuICAgICAgcXVlcnkoJzplbnRlcicsIFtcbiAgICAgICAgYW5pbWF0ZSgne3tlbnRlclRpbWluZ319cyB7e2VudGVyRGVsYXl9fXMgZWFzZScsIG1vdmVGcm9tUmlnaHRLZXlmcmFtZXMpXG4gICAgICBdLCB7b3B0aW9uYWw6IHRydWV9KSxcbiAgICAgIHF1ZXJ5KCc6bGVhdmUnLCBbXG4gICAgICAgIGFuaW1hdGUoJ3t7bGVhdmVUaW1pbmd9fXMge3tsZWF2ZURlbGF5fX1zIGVhc2UnLCBtb3ZlVG9MZWZ0S2V5ZnJhbWVzKVxuICAgICAgXSwge29wdGlvbmFsOiB0cnVlfSksXG4gICAgXSksXG4gICAgcXVlcnkoJzplbnRlciwgOmxlYXZlJywgYW5pbWF0ZUNoaWxkKCksIHtvcHRpb25hbDogdHJ1ZX0pLFxuICBdLCB7cGFyYW1zOiB7ZW50ZXJUaW1pbmc6ICcxMCcsIGxlYXZlVGltaW5nOiAnMTAnLCBlbnRlckRlbGF5OiAnMCcsIGxlYXZlRGVsYXk6ICcwJ319KVxuXSk7XG4iXX0=