com.vaadin.polymer.neon.HeroAnimationElement 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.neon;
import com.vaadin.polymer.elemental.*;
import com.google.gwt.core.client.JavaScriptObject;
import com.google.gwt.core.client.JsArray;
import jsinterop.annotations.JsOverlay;
import jsinterop.annotations.JsProperty;
import jsinterop.annotations.JsType;
/**
* <hero-animation> is a shared element animation that scales and transform an element such that it
appears to be shared between two pages. Use this in <neon-animated-pages>. The source page
should use this animation in an ‘exit’ animation and set the fromPage configuration property to
itself, and the destination page should use this animation in an entry animation and set the
toPage configuration property to itself. They should also define the hero elements in the
sharedElements property (not a configuration property, see
Polymer.NeonSharedElementAnimatableBehavior).
* Configuration:
* {
* name: 'hero-animation',
* id: <shared-element-id>,
* timing: <animation-timing>,
* toPage: <node>, /* define for the destination page * /
* fromPage: <node>, /* define for the source page * /
* }
*
*/
@JsType(isNative=true)
public interface HeroAnimationElement extends HTMLElement {
@JsOverlay public static final String TAG = "hero-animation";
@JsOverlay public static final String SRC = "neon-animation/neon-animation.html";
/**
* Defines the animation timing.
*
* JavaScript Info:
* @property animationTiming
* @type Object
*
*/
@JsProperty JavaScriptObject getAnimationTiming();
/**
* Defines the animation timing.
*
* JavaScript Info:
* @property animationTiming
* @type Object
*
*/
@JsProperty void setAnimationTiming(JavaScriptObject value);
/**
* Can be used to determine that elements implement this behavior.
*
* JavaScript Info:
* @property isNeonAnimation
* @type boolean
*
*/
@JsProperty boolean getIsNeonAnimation();
/**
* Can be used to determine that elements implement this behavior.
*
* JavaScript Info:
* @property isNeonAnimation
* @type boolean
*
*/
@JsProperty void setIsNeonAnimation(boolean value);
/**
* Cached copy of shared elements.
*
* JavaScript Info:
* @property sharedElements
* @type Object
*
*/
@JsProperty JavaScriptObject getSharedElements();
/**
* Cached copy of shared elements.
*
* JavaScript Info:
* @property sharedElements
* @type Object
*
*/
@JsProperty void setSharedElements(JavaScriptObject value);
/**
*
*
* JavaScript Info:
* @method complete
* @param {} config
*
*
*/
void complete(Object config);
/**
* Sets transform and transformOrigin properties along with the prefixed versions.
*
* JavaScript Info:
* @method setPrefixedProperty
* @param {} node
* @param {} property
* @param {} value
* @behavior PaperMenuShrinkHeightAnimation
*
*/
void setPrefixedProperty(Object node, Object property, Object value);
/**
* Returns the animation timing by mixing in properties from config to the defaults defined
by the animation.
*
* JavaScript Info:
* @method timingFromConfig
* @param {} config
*
*
*/
void timingFromConfig(Object config);
/**
* Finds shared elements based on config.
*
* JavaScript Info:
* @method findSharedElements
* @param {} config
*
*
*/
void findSharedElements(Object config);
/**
* Called when the animation finishes.
*
* JavaScript Info:
* @method complete
* @behavior ReverseRippleAnimation
*
*/
void complete();
}