import { Observable } from 'rxjs';
export declare const Animations: import("@rxdi/lit-html").CSSResult;
export type AnimationsType = 'slideOutDown' | 'slideOutLeft' | 'slideOutRight' | 'slideOutUp' | 'slideInUp' | 'slideInRight' | 'slideInLeft' | 'slideInDown' | 'zoomOutUp' | 'zoomOutRight' | 'zoomOutLeft' | 'zoomOutDown' | 'zoomOut' | 'zoomInUp' | 'zoomInRight' | 'zoomInLeft' | 'zoomInDown' | 'zoomIn' | 'rollOut' | 'rollIn' | 'jackInTheBox' | 'hinge' | 'rotateOutUpRight' | 'rotateOutUpLeft' | 'rotateOutDownRight' | 'rotateOutDownLeft' | 'rotateOut' | 'rotateInUpRight' | 'rotateInUpLeft' | 'rotateInDownRight' | 'rotateInDownLeft' | 'rotateIn' | 'lightSpeedOut' | 'lightSpeedIn' | 'flipOutY' | 'flipOutX' | 'flipInY' | 'flipInX' | 'flip' | 'fadeOutUpBig' | 'fadeOutUp' | 'fadeOutRightBig' | 'fadeOutRight' | 'fadeOutLeftBig' | 'fadeOutLeft' | 'fadeOutDownBig' | 'fadeOutDown' | 'fadeOut' | 'fadeInUpBig' | 'fadeInUp' | 'fadeInRightBig' | 'fadeInRight' | 'fadeInLeftBig' | 'fadeInLeft' | 'fadeInDownBig' | 'fadeInDown' | 'fadeIn' | 'bounceOutUp' | 'bounceOutRight' | 'bounceOutLeft' | 'bounceOutDown' | 'bounceOut' | 'bounceInUp' | 'bounceInRight' | 'bounceInLeft' | 'bounceInDown' | 'bounceIn' | 'heartBeat' | 'jello' | 'wobble' | 'tada' | 'swing' | 'headShake' | 'shake' | 'rubberBand' | 'pulse' | 'flash' | 'bounce';
export declare function animateElement(node: HTMLElement, animationName: AnimationsType, duration?: string): Observable<unknown>;
export declare function animateChain(element: HTMLElement, animations: AnimationsType[]): Observable<unknown>;