@qrsln/utils
Version:
11 lines (9 loc) • 1.58 kB
JavaScript
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=