com.vaadin.polymer.ripple.element.RippleAnimationElement Maven / Gradle / Ivy
/*
* This code was generated with Vaadin Web Component GWT API Generator,
* from neon-animation project by The Polymer Authors
* that is licensed with http://polymer.github.io/LICENSE.txt license.
*/
package com.vaadin.polymer.ripple.element;
import com.vaadin.polymer.elemental.*;
import com.google.gwt.core.client.JavaScriptObject;
import com.google.gwt.core.client.JsArray;
import com.google.gwt.core.client.js.JsProperty;
import com.google.gwt.core.client.js.JsType;
/**
* <ripple-animation>
scales and transform an element such that it appears to ripple from either
a shared element, or from a screen position, to full screen.
* 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
hero elements in the sharedElements
property (not a configuration property, see
Polymer.NeonSharedElementAnimatableBehavior
).
* If using a screen position, define the gesture
property.
* Configuration:
* {
* name: '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 * /
* }
*
*/
@JsType
public interface RippleAnimationElement extends HTMLElement {
public static final String TAG = "ripple-animation";
public static final String SRC = "neon-animation/neon-animation.html";
/**
*
*
* JavaScript Info:
* @method complete
*
*/
void complete();
/**
*
*
* JavaScript Info:
* @method configure
* @param {} config
*
*/
void configure(JavaScriptObject config);
/**
* Finds shared elements based on config
.
*
* JavaScript Info:
* @method findSharedElements
* @param {} config
* @behavior RippleAnimation
*/
void findSharedElements(JavaScriptObject config);
/**
* Cached copy of shared elements.
*
* JavaScript Info:
* @property sharedElements
* @type Object
* @behavior RippleAnimation
*/
@JsProperty JavaScriptObject getSharedElements();
/**
* Cached copy of shared elements.
*
* JavaScript Info:
* @property sharedElements
* @type Object
* @behavior RippleAnimation
*/
@JsProperty void setSharedElements(JavaScriptObject value);
/**
* Defines the animation timing.
*
* JavaScript Info:
* @property animationTiming
* @type Object
* @behavior TransformAnimation
*/
@JsProperty JavaScriptObject getAnimationTiming();
/**
* Defines the animation timing.
*
* JavaScript Info:
* @property animationTiming
* @type Object
* @behavior TransformAnimation
*/
@JsProperty void setAnimationTiming(JavaScriptObject value);
/**
* Sets transform
and transformOrigin
properties along with the prefixed versions.
*
* JavaScript Info:
* @method setPrefixedProperty
* @param {} node
* @param {} property
* @param {} value
* @behavior TransformAnimation
*/
void setPrefixedProperty(JavaScriptObject node, JavaScriptObject property, JavaScriptObject value);
/**
* Returns the animation timing by mixing in properties from config
to the defaults defined
by the animation.
*
* JavaScript Info:
* @method timingFromConfig
* @param {} config
* @behavior TransformAnimation
*/
void timingFromConfig(JavaScriptObject config);
/**
*
*
* JavaScript Info:
* @method registered
* @behavior TransformAnimation
*/
void registered();
}