Last change
on this file since e29cc2e was 6a3a178, checked in by Ema <ema_spirova@…>, 3 years ago |
initial commit
|
-
Property mode
set to
100644
|
File size:
1.6 KB
|
Rev | Line | |
---|
[6a3a178] | 1 | /**
|
---|
| 2 | * @license
|
---|
| 3 | * Copyright Google LLC All Rights Reserved.
|
---|
| 4 | *
|
---|
| 5 | * Use of this source code is governed by an MIT-style license that can be
|
---|
| 6 | * found in the LICENSE file at https://angular.io/license
|
---|
| 7 | */
|
---|
| 8 | /** Possible states for a ripple element. */
|
---|
| 9 | export declare const enum RippleState {
|
---|
| 10 | FADING_IN = 0,
|
---|
| 11 | VISIBLE = 1,
|
---|
| 12 | FADING_OUT = 2,
|
---|
| 13 | HIDDEN = 3
|
---|
| 14 | }
|
---|
| 15 | export declare type RippleConfig = {
|
---|
| 16 | color?: string;
|
---|
| 17 | centered?: boolean;
|
---|
| 18 | radius?: number;
|
---|
| 19 | persistent?: boolean;
|
---|
| 20 | animation?: RippleAnimationConfig;
|
---|
| 21 | terminateOnPointerUp?: boolean;
|
---|
| 22 | };
|
---|
| 23 | /**
|
---|
| 24 | * Interface that describes the configuration for the animation of a ripple.
|
---|
| 25 | * There are two animation phases with different durations for the ripples.
|
---|
| 26 | */
|
---|
| 27 | export interface RippleAnimationConfig {
|
---|
| 28 | /** Duration in milliseconds for the enter animation (expansion from point of contact). */
|
---|
| 29 | enterDuration?: number;
|
---|
| 30 | /** Duration in milliseconds for the exit animation (fade-out). */
|
---|
| 31 | exitDuration?: number;
|
---|
| 32 | }
|
---|
| 33 | /**
|
---|
| 34 | * Reference to a previously launched ripple element.
|
---|
| 35 | */
|
---|
| 36 | export declare class RippleRef {
|
---|
| 37 | private _renderer;
|
---|
| 38 | /** Reference to the ripple HTML element. */
|
---|
| 39 | element: HTMLElement;
|
---|
| 40 | /** Ripple configuration used for the ripple. */
|
---|
| 41 | config: RippleConfig;
|
---|
| 42 | /** Current state of the ripple. */
|
---|
| 43 | state: RippleState;
|
---|
| 44 | constructor(_renderer: {
|
---|
| 45 | fadeOutRipple(ref: RippleRef): void;
|
---|
| 46 | },
|
---|
| 47 | /** Reference to the ripple HTML element. */
|
---|
| 48 | element: HTMLElement,
|
---|
| 49 | /** Ripple configuration used for the ripple. */
|
---|
| 50 | config: RippleConfig);
|
---|
| 51 | /** Fades out the ripple element. */
|
---|
| 52 | fadeOut(): void;
|
---|
| 53 | }
|
---|
Note:
See
TracBrowser
for help on using the repository browser.