UNPKG

@qrsln/utils

Version:
11 lines (9 loc) 1.58 kB
import { animate, state, style, transition, trigger } from '@angular/animations'; export const ShrinkOut = trigger('ShrinkOut', [ state('in', style({ height: '*' })), transition('* => void', [style({ height: '*' }), animate(250, style({ height: 0 }))]) ]); /* usage <div [@ShrinkOut]="'in'"></div> */ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2hyaW5rT3V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdXRpbHMvQW5pbWF0aW9ucy9zcmMvQW5pbXMvU2hyaW5rT3V0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxPQUFPLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFFL0UsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLE9BQU8sQ0FBQyxXQUFXLEVBQUU7SUFDNUMsS0FBSyxDQUFDLElBQUksRUFBRSxLQUFLLENBQUMsRUFBQyxNQUFNLEVBQUUsR0FBRyxFQUFDLENBQUMsQ0FBQztJQUNqQyxVQUFVLENBQUMsV0FBVyxFQUFFLENBQUMsS0FBSyxDQUFDLEVBQUMsTUFBTSxFQUFFLEdBQUcsRUFBQyxDQUFDLEVBQUUsT0FBTyxDQUFDLEdBQUcsRUFBRSxLQUFLLENBQUMsRUFBQyxNQUFNLEVBQUUsQ0FBQyxFQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7Q0FDbEYsQ0FBQyxDQUFDO0FBRUg7Ozs7RUFJRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7YW5pbWF0ZSwgc3RhdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcclxuXHJcbmV4cG9ydCBjb25zdCBTaHJpbmtPdXQgPSB0cmlnZ2VyKCdTaHJpbmtPdXQnLCBbXHJcbiAgc3RhdGUoJ2luJywgc3R5bGUoe2hlaWdodDogJyonfSkpLFxyXG4gIHRyYW5zaXRpb24oJyogPT4gdm9pZCcsIFtzdHlsZSh7aGVpZ2h0OiAnKid9KSwgYW5pbWF0ZSgyNTAsIHN0eWxlKHtoZWlnaHQ6IDB9KSldKVxyXG5dKTtcclxuXHJcbi8qIHVzYWdlXHJcblxyXG48ZGl2IFtAU2hyaW5rT3V0XT1cIidpbidcIj48L2Rpdj5cclxuXHJcbiovXHJcblxyXG4iXX0=