| Index: bower_components/core-animation/core-animation-group.html
|
| diff --git a/bower_components/core-animation/core-animation-group.html b/bower_components/core-animation/core-animation-group.html
|
| deleted file mode 100644
|
| index 773cffd911925193d79fa613a0077cc9b1b1aa6c..0000000000000000000000000000000000000000
|
| --- a/bower_components/core-animation/core-animation-group.html
|
| +++ /dev/null
|
| @@ -1,169 +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
|
| --->
|
| -
|
| -<link rel="import" href="../polymer/polymer.html">
|
| -<link rel="import" href="core-animation.html">
|
| -
|
| -<!--
|
| -@group Polymer Core Elements
|
| -
|
| -`core-animation-group` combines `core-animation` or `core-animation-group` elements to
|
| -create a grouped web animation. The group may be parallel (type is `par`) or sequential
|
| -(type is `seq`). Parallel groups play all the children elements simultaneously, and
|
| -sequential groups play the children one after another.
|
| -
|
| -Example of an animation group to rotate and then fade an element:
|
| -
|
| - <core-animation-group type="seq">
|
| - <core-animation id="fadeout" duration="500">
|
| - <core-animation-keyframe>
|
| - <core-animation-prop name="transform" value="rotate(0deg)"></core-animation-prop>
|
| - <core-animation-prop name="transform" value="rotate(45deg)"></core-animation-prop>
|
| - </core-animation-keyframe>
|
| - </core-animation>
|
| - <core-animation id="fadeout" duration="500">
|
| - <core-animation-keyframe>
|
| - <core-animation-prop name="opacity" value="1"></core-animation-prop>
|
| - </core-animation-keyframe>
|
| - <core-animation-keyframe>
|
| - <core-animation-prop name="opacity" value="0"></core-animation-prop>
|
| - </core-animation-keyframe>
|
| - </core-animation>
|
| - </core-animation-group>
|
| -
|
| -@element core-animation-group
|
| -@status beta
|
| -@homepage github.io
|
| --->
|
| -<polymer-element name="core-animation-group" constructor="CoreAnimationGroup" extends="core-animation" attributes="type">
|
| - <script>
|
| - (function() {
|
| -
|
| - var ANIMATION_GROUPS = {
|
| - 'par': AnimationGroup,
|
| - 'seq': AnimationSequence
|
| - };
|
| -
|
| - Polymer({
|
| -
|
| - publish: {
|
| - /**
|
| - * If target is set, any children without a target will be assigned the group's
|
| - * target when this property is set.
|
| - *
|
| - * @property target
|
| - * @type HTMLElement|Node|Array|Array<HTMLElement|Node>
|
| - */
|
| -
|
| - /**
|
| - * For a `core-animation-group`, a duration of "auto" means the duration should
|
| - * be the specified duration of its children. If set to anything other than
|
| - * "auto", any children without a set duration will be assigned the group's duration.
|
| - *
|
| - * @property duration
|
| - * @type number
|
| - * @default "auto"
|
| - */
|
| - duration: {value: 'auto', reflect: true},
|
| -
|
| - /**
|
| - * The type of the animation group. 'par' creates a parallel group and 'seq' creates
|
| - * a sequential group.
|
| - *
|
| - * @property type
|
| - * @type String
|
| - * @default 'par'
|
| - */
|
| - type: {value: 'par', reflect: true}
|
| - },
|
| -
|
| - typeChanged: function() {
|
| - this.apply();
|
| - },
|
| -
|
| - targetChanged: function() {
|
| - // Only propagate target to children animations if it's defined.
|
| - if (this.target) {
|
| - this.doOnChildren(function(c) {
|
| - c.target = this.target;
|
| - }.bind(this));
|
| - }
|
| - },
|
| -
|
| - durationChanged: function() {
|
| - if (this.duration && this.duration !== 'auto') {
|
| - this.doOnChildren(function(c) {
|
| - // Propagate to children that is not a group and has no
|
| - // duration specified.
|
| - if (!c.type && (!c.duration || c.duration === 'auto')) {
|
| - c.duration = this.duration;
|
| - }
|
| - }.bind(this));
|
| - }
|
| - },
|
| -
|
| - doOnChildren: function(inFn) {
|
| - var children = this.children;
|
| - if (!children.length) {
|
| - children = this.shadowRoot ? this.shadowRoot.childNodes : [];
|
| - }
|
| - Array.prototype.forEach.call(children, function(c) {
|
| - // TODO <template> in the way
|
| - c.apply && inFn(c);
|
| - }, this);
|
| - },
|
| -
|
| - makeAnimation: function() {
|
| - return new ANIMATION_GROUPS[this.type](this.childAnimations, this.timingProps);
|
| - },
|
| -
|
| - hasTarget: function() {
|
| - var ht = this.target !== null;
|
| - if (!ht) {
|
| - this.doOnChildren(function(c) {
|
| - ht = ht || c.hasTarget();
|
| - }.bind(this));
|
| - }
|
| - return ht;
|
| - },
|
| -
|
| - apply: function() {
|
| - // Propagate target and duration to child animations first.
|
| - this.durationChanged();
|
| - this.targetChanged();
|
| - this.doOnChildren(function(c) {
|
| - c.apply();
|
| - });
|
| - return this.super();
|
| - },
|
| -
|
| - get childAnimationElements() {
|
| - var list = [];
|
| - this.doOnChildren(function(c) {
|
| - if (c.makeAnimation) {
|
| - list.push(c);
|
| - }
|
| - });
|
| - return list;
|
| - },
|
| -
|
| - get childAnimations() {
|
| - var list = [];
|
| - this.doOnChildren(function(c) {
|
| - if (c.animation) {
|
| - list.push(c.animation);
|
| - }
|
| - });
|
| - return list;
|
| - }
|
| - });
|
| -
|
| - })();
|
| - </script>
|
| -</polymer-element>
|
|
|