summaryrefslogtreecommitdiffstats
path: root/chromium/third_party/catapult/third_party/polymer2/bower_components/neon-animation/animations/reverse-ripple-animation.d.ts
blob: 2e2c2e9910cd21fa3fd4401132c127fe0d3eb242 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
/**
 * DO NOT EDIT
 *
 * This file was automatically generated by
 *   https://github.com/Polymer/gen-typescript-declarations
 *
 * To modify these typings, edit the source file(s):
 *   animations/reverse-ripple-animation.html
 */

/// <reference path="../../polymer/types/polymer.d.ts" />
/// <reference path="../neon-shared-element-animation-behavior.d.ts" />

/**
 * `<reverse-ripple-animation>` scales and transform an element such that it appears to ripple down from this element, to either
 * a shared element, or a screen position.
 *
 * If using as a shared element animation in `<neon-animated-pages>`, use this animation in an `exit`
 * animation in the source page and in an `entry` animation in the destination page. Also, define the
 * reverse-ripple elements in the `sharedElements` property (not a configuration property, see
 * `Polymer.NeonSharedElementAnimatableBehavior`).
 * If using a screen position, define the `gesture` property.
 * Configuration:
 * ```
 * {
 *   name: 'reverse-ripple-animation`.
 *   id: <shared-element-id>, /* set this or gesture *\/
 *   gesture: {x: <page-x>, y: <page-y>}, /* set this or id *\/
 *   timing: <animation-timing>,
 *   toPage: <node>, /* define for the destination page *\/
 *   fromPage: <node>, /* define for the source page *\/
 * }
 * ```
 */
interface ReverseRippleAnimationElement extends Polymer.Element, Polymer.NeonSharedElementAnimationBehavior {
  complete(): void;
  configure(config: any): any;
}

interface HTMLElementTagNameMap {
  "reverse-ripple-animation": ReverseRippleAnimationElement;
}