@angular2-material/core/ripple/ripple-renderer.d.ts

Angular 2 Material core

import { ElementRef } from '@angular/core';
/** TODO: internal */
export declare enum ForegroundRippleState {
    NEW = 0,
    EXPANDING = 1,
    FADING_OUT = 2,
}
/**
 * Wrapper for a foreground ripple DOM element and its animation state.
 * TODO: internal
 */
export declare class ForegroundRipple {
    rippleElement: Element;
    state: ForegroundRippleState;
    constructor(rippleElement: Element);
}
/**
 * Helper service that performs DOM manipulations. Not intended to be used outside this module.
 * The constructor takes a reference to the ripple directive's host element and a map of DOM
 * event handlers to be installed on the element that triggers ripple animations.
 * This will eventually become a custom renderer once Angular support exists.
 * TODO: internal
 */
export declare class RippleRenderer {
    private _eventHandlers;
    private _backgroundDiv;
    private _rippleElement;
    private _triggerElement;
    constructor(_elementRef: ElementRef, _eventHandlers: Map<string, (e: Event) => void>);
    /**
     * Installs event handlers on the given trigger element, and removes event handlers from the
     * previous trigger if needed.
     */
    setTriggerElement(newTrigger: HTMLElement): void;
    /**
     * Installs event handlers on the host element of the md-ripple directive.
     */
    setTriggerElementToHost(): void;
    /**
     * Removes event handlers from the current trigger element if needed.
     */
    clearTriggerElement(): void;
    /**
     * Creates a foreground ripple and sets its animation to expand and fade in from the position
     * given by rippleOriginLeft and rippleOriginTop (or from the center of the <md-ripple>
     * bounding rect if centered is true).
     */
    createForegroundRipple(rippleOriginLeft: number, rippleOriginTop: number, color: string, centered: boolean, radius: number, speedFactor: number, transitionEndCallback: (r: ForegroundRipple, e: TransitionEvent) => void): void;
    /**
     * Fades out a foreground ripple after it has fully expanded and faded in.
     */
    fadeOutForegroundRipple(ripple: Element): void;
    /**
     * Removes a foreground ripple from the DOM after it has faded out.
     */
    removeRippleFromDom(ripple: Element): void;
    /**
     * Fades in the ripple background.
     */
    fadeInRippleBackground(color: string): void;
    /**
     * Fades out the ripple background.
     */
    fadeOutRippleBackground(): void;
}