Index: bower_components/core-transition/core-transition.html |
diff --git a/bower_components/core-transition/core-transition.html b/bower_components/core-transition/core-transition.html |
deleted file mode 100644 |
index 6b0967273b82c2df072a76f11ae9cd884ad2a5bd..0000000000000000000000000000000000000000 |
--- a/bower_components/core-transition/core-transition.html |
+++ /dev/null |
@@ -1,140 +0,0 @@ |
-<!-- |
-Copyright (c) 2014 The Polymer Project Authors. All rights reserved. |
-This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt |
-The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt |
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt |
-Code distributed by Google as part of the polymer project is also |
-subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt |
---> |
- |
-<!-- |
- |
-`<core-transition>` is an abstraction of an animation. It is used to implement pluggable |
-transitions, for example in `<core-overlay>`. You can extend this class to create a custom |
-animation, instantiate it, and import it where you need the animation. |
- |
-All instances of `<core-transition>` are stored in a single database with `type=transition`. |
-For more about the database, please see the documentation for `<core-meta>`. |
- |
-Each instance of `<core-transition>` objects are shared across all the clients, so you should |
-not store state information specific to the animated element in the transition. Rather, store |
-it on the element. |
- |
-Example: |
- |
-my-transition.html: |
- |
- <polymer-element name="my-transition" extends="core-transition"> |
- <script> |
- go: function(node) { |
- node.style.transition = 'opacity 1s ease-out'; |
- node.style.opacity = 0; |
- } |
- </script> |
- </polymer-element> |
- |
- <my-transition id="my-fade-out"></my-transition> |
- |
-my-transition-demo.html: |
- |
- <link href="components/core-meta/core-meta.html" rel="import"> |
- <link href="my-transition.html" rel="import"> |
- |
- <div id="animate-me"></div> |
- |
- <script> |
- // Get the core-transition |
- var meta = document.createElement('core-meta'); |
- meta.type = 'transition'; |
- var transition = meta.byId('my-fade-out'); |
- |
- // Run the animation |
- var animated = document.getElementById('animate-me'); |
- transition.go(animated); |
- </script> |
- |
-@group Polymer Core Elements |
-@element core-transition |
-@extends core-meta |
-@status beta |
-@homepage github.io |
---> |
-<!-- |
-Fired when the animation finishes. |
- |
-@event core-transitionend |
-@param {Object} detail |
-@param {Object} detail.node The animated node |
---> |
- |
-<link rel="import" href="../core-meta/core-meta.html"> |
- |
-<polymer-element name="core-transition" extends="core-meta"> |
- |
- <script> |
- Polymer('core-transition', { |
- |
- type: 'transition', |
- |
- /** |
- * Run the animation. |
- * |
- * @method go |
- * @param {Node} node The node to apply the animation on |
- * @param {Object} state State info |
- */ |
- go: function(node, state) { |
- this.complete(node); |
- }, |
- |
- /** |
- * Set up the animation. This may include injecting a stylesheet, |
- * applying styles, creating a web animations object, etc.. This |
- * |
- * @method setup |
- * @param {Node} node The animated node |
- */ |
- setup: function(node) { |
- }, |
- |
- /** |
- * Tear down the animation. |
- * |
- * @method teardown |
- * @param {Node} node The animated node |
- */ |
- teardown: function(node) { |
- }, |
- |
- /** |
- * Called when the animation completes. This function also fires the |
- * `core-transitionend` event. |
- * |
- * @method complete |
- * @param {Node} node The animated node |
- */ |
- complete: function(node) { |
- this.fire('core-transitionend', null, node); |
- }, |
- |
- /** |
- * Utility function to listen to an event on a node once. |
- * |
- * @method listenOnce |
- * @param {Node} node The animated node |
- * @param {string} event Name of an event |
- * @param {Function} fn Event handler |
- * @param {Array} args Additional arguments to pass to `fn` |
- */ |
- listenOnce: function(node, event, fn, args) { |
- var self = this; |
- var listener = function() { |
- fn.apply(self, args); |
- node.removeEventListener(event, listener, false); |
- } |
- node.addEventListener(event, listener, false); |
- } |
- |
- }); |
- </script> |
-</polymer-element> |