@offensichtbar-codestock/ngx-flex-masonry-grid
Version:
Angular Module for displaying items in a flex-based masonry layout without any third party dependencies
23 lines • 3.46 kB
JavaScript
import { style, animate, animation, trigger, state, transition } from '@angular/animations';
const timing = '.4s ease-out';
class NgxFMG_ANIMATION {
static get UPDATE_POSITION() {
return animation([
animate(timing, style({ transform: 'translateY({{ animatePosY }})' })),
]);
}
static get FADE_IN() {
return animation([
style({ opacity: 0, visibility: 'visible' }),
animate(timing, style({ opacity: 1 })),
]);
}
static get TRIGGER_FADE_OUT() {
return trigger('TRIGGER_FADE_OUT', [
state(':leave', style({ opacity: 1 })),
transition('* => void', animate(timing, style({ opacity: 0 })))
]);
}
}
export default NgxFMG_ANIMATION;
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtZmxleC1tYXNvbnJ5LWdyaWQvc3JjL2xpYi9hbmltYXRpb25zL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBd0QsT0FBTyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQztBQUVqSixNQUFNLE1BQU0sR0FBUyxjQUFjLENBQUM7QUFFcEMsTUFBTSxnQkFBZ0I7SUFFWCxNQUFNLEtBQUssZUFBZTtRQUM3QixPQUFPLFNBQVMsQ0FBQztZQUNiLE9BQU8sQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLEVBQUMsU0FBUyxFQUFFLCtCQUErQixFQUFDLENBQUMsQ0FBQztTQUN2RSxDQUFDLENBQUE7SUFDTixDQUFDO0lBRU0sTUFBTSxLQUFLLE9BQU87UUFDckIsT0FBTyxTQUFTLENBQUM7WUFDYixLQUFLLENBQUMsRUFBQyxPQUFPLEVBQUUsQ0FBQyxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUMsQ0FBQztZQUMxQyxPQUFPLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQyxFQUFDLE9BQU8sRUFBRSxDQUFDLEVBQUMsQ0FBQyxDQUFDO1NBQ3RDLENBQUMsQ0FBQTtJQUNQLENBQUM7SUFFTSxNQUFNLEtBQUssZ0JBQWdCO1FBQzlCLE9BQU8sT0FBTyxDQUFDLGtCQUFrQixFQUFFO1lBQy9CLEtBQUssQ0FBQyxRQUFRLEVBQUUsS0FBSyxDQUFDLEVBQUMsT0FBTyxFQUFHLENBQUMsRUFBQyxDQUFDLENBQUM7WUFDckMsVUFBVSxDQUFDLFdBQVcsRUFBRSxPQUFPLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQyxFQUFDLE9BQU8sRUFBRSxDQUFDLEVBQUMsQ0FBQyxDQUFDLENBQUM7U0FFaEUsQ0FBQyxDQUFBO0lBQ04sQ0FBQztDQUVKO0FBRUQsZUFBZSxnQkFBZ0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHN0eWxlLCBhbmltYXRlLCBhbmltYXRpb24sIEFuaW1hdGlvblJlZmVyZW5jZU1ldGFkYXRhLCBBbmltYXRpb25UcmlnZ2VyTWV0YWRhdGEsIHRyaWdnZXIsIHN0YXRlLCB0cmFuc2l0aW9ufSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcclxuXHJcbmNvbnN0IHRpbWluZzpzdHJpbmc9ICcuNHMgZWFzZS1vdXQnO1xyXG5cclxuY2xhc3MgTmd4Rk1HX0FOSU1BVElPTiB7XHJcblxyXG4gICAgcHVibGljIHN0YXRpYyBnZXQgVVBEQVRFX1BPU0lUSU9OKCk6IEFuaW1hdGlvblJlZmVyZW5jZU1ldGFkYXRhIHsgXHJcbiAgICAgICAgcmV0dXJuIGFuaW1hdGlvbihbXHJcbiAgICAgICAgICAgIGFuaW1hdGUodGltaW5nLCBzdHlsZSh7dHJhbnNmb3JtOiAndHJhbnNsYXRlWSh7eyBhbmltYXRlUG9zWSB9fSknfSkpLFxyXG4gICAgICAgIF0pXHJcbiAgICB9XHJcblxyXG4gICAgcHVibGljIHN0YXRpYyBnZXQgRkFERV9JTigpOiBBbmltYXRpb25SZWZlcmVuY2VNZXRhZGF0YSB7IFxyXG4gICAgICAgIHJldHVybiBhbmltYXRpb24oW1xyXG4gICAgICAgICAgICBzdHlsZSh7b3BhY2l0eTogMCwgdmlzaWJpbGl0eTogJ3Zpc2libGUnfSksXHJcbiAgICAgICAgICAgIGFuaW1hdGUodGltaW5nLCBzdHlsZSh7b3BhY2l0eTogMX0pKSxcclxuICAgICAgICAgXSlcclxuICAgIH1cclxuICAgIFxyXG4gICAgcHVibGljIHN0YXRpYyBnZXQgVFJJR0dFUl9GQURFX09VVCgpOiAgQW5pbWF0aW9uVHJpZ2dlck1ldGFkYXRhIHsgXHJcbiAgICAgICAgcmV0dXJuIHRyaWdnZXIoJ1RSSUdHRVJfRkFERV9PVVQnLCBbXHJcbiAgICAgICAgICAgIHN0YXRlKCc6bGVhdmUnLCBzdHlsZSh7b3BhY2l0eTogIDF9KSksXHJcbiAgICAgICAgICAgIHRyYW5zaXRpb24oJyogPT4gdm9pZCcsIGFuaW1hdGUodGltaW5nLCBzdHlsZSh7b3BhY2l0eTogMH0pKSlcclxuICAgICAgICAgICAgXHJcbiAgICAgICAgXSlcclxuICAgIH1cclxuXHJcbn1cclxuXHJcbmV4cG9ydCBkZWZhdWx0IE5neEZNR19BTklNQVRJT047XHJcblxyXG4iXX0=