com.vaadin.polymer.neon.CascadedAnimationElement Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of vaadin-gwt-polymer-elements Show documentation
vaadin-gwt-polymer-elements
The newest version!
/*
 * 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;

/**
 * <cascaded-animation> applies an animation on an array of elements with a delay between each.
the delay defaults to 50ms.
 * Configuration:
 * {
 *   name: 'cascaded-animation',
 *   animation: <animation-name>,
 *   nodes: <array-of-nodes>,
 *   nodeDelay: <node-delay-in-ms>,
 *   timing: <animation-timing>
 * }
 * 
 */
@JsType(isNative=true)
public interface CascadedAnimationElement extends HTMLElement {

    @JsOverlay public static final String TAG = "cascaded-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);


    /**
     * 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);

    /**
     * Sets transform and transformOrigin properties along with the prefixed versions.
     *
     * JavaScript Info:
     * @method setPrefixedProperty
     * @param {} node  
     * @param {} property  
     * @param {} value  
     * 
     * 
     */
    void setPrefixedProperty(Object node, Object property, Object value);

    /**
     * Called when the animation finishes.
     *
     * JavaScript Info:
     * @method complete
     * @behavior PaperMenuShrinkHeightAnimation
     * 
     */
    void complete();

}