| Index: bower_components/paper-menu-button/paper-menu-button-transition.html
|
| diff --git a/bower_components/paper-menu-button/paper-menu-button-transition.html b/bower_components/paper-menu-button/paper-menu-button-transition.html
|
| deleted file mode 100644
|
| index f24c35c1036cbd1acc64f294090fe1c33dfa16c1..0000000000000000000000000000000000000000
|
| --- a/bower_components/paper-menu-button/paper-menu-button-transition.html
|
| +++ /dev/null
|
| @@ -1,123 +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
|
| --->
|
| -<!--
|
| -@group Paper Elements
|
| -@class paper-menu-button-transition
|
| -@extends core-transition-css
|
| --->
|
| -<link href="../polymer/polymer.html" rel="import">
|
| -<link href="../core-transition/core-transition-css.html" rel="import">
|
| -<link href="../core-animation/web-animations.html" rel="import">
|
| -
|
| -<polymer-element name="paper-menu-button-transition" extends="core-transition-css" attributes="duration transformOrigin">
|
| - <template>
|
| - <link no-shim href="paper-menu-button-transition.css" rel="stylesheet">
|
| - </template>
|
| - <script>
|
| - Polymer('paper-menu-button-transition', {
|
| -
|
| - baseClass: 'paper-menu-button-transition',
|
| - revealedClass: 'paper-menu-button-revealed',
|
| - openedClass: 'paper-menu-button-opened',
|
| - closedClass: 'paper-menu-button-closed',
|
| - completeEventName: null,
|
| -
|
| - duration: 500,
|
| -
|
| - setup: function(node) {
|
| - this.super(arguments);
|
| -
|
| - var bg = node.querySelector('.paper-menu-button-overlay-bg');
|
| - bg.style.transformOrigin = this.transformOrigin;
|
| - bg.style.webkitTransformOrigin = this.transformOrigin;
|
| - },
|
| -
|
| - transitionOpened: function(node, opened) {
|
| - this.super(arguments);
|
| -
|
| - if (opened) {
|
| - if (this.player) {
|
| - this.player.cancel();
|
| - }
|
| -
|
| - var anims = [];
|
| -
|
| - var size = node.getBoundingClientRect();
|
| -
|
| - var ink = node.querySelector('.paper-menu-button-overlay-ink');
|
| - var offset = 40 / Math.max(size.width, size.height);
|
| - anims.push(new Animation(ink, [{
|
| - 'opacity': 0.9,
|
| - 'transform': 'scale(0)',
|
| - }, {
|
| - 'opacity': 0.9,
|
| - 'transform': 'scale(1)'
|
| - }], {
|
| - duration: this.duration * offset
|
| - }));
|
| -
|
| - var bg = node.querySelector('.paper-menu-button-overlay-bg');
|
| - anims.push(new Animation(bg, [{
|
| - 'opacity': 0.9,
|
| - 'transform': 'scale(' + 40 / size.width + ',' + 40 / size.height + ')',
|
| - }, {
|
| - 'opacity': 1,
|
| - 'transform': 'scale(0.95, 0.5)'
|
| - }, {
|
| - 'opacity': 1,
|
| - 'transform': 'scale(1, 1)'
|
| - }], {
|
| - delay: this.duration * offset,
|
| - duration: this.duration * (1 - offset),
|
| - fill: 'forwards'
|
| - }));
|
| -
|
| - var items = node.querySelector('#menu').items;
|
| - var itemDelay = offset + (1 - offset) / 2;
|
| - var itemDuration = this.duration * (1 - itemDelay) / items.length;
|
| - var reverse = this.transformOrigin.split(' ')[1] === '100%';
|
| - items.forEach(function(item, i) {
|
| - if (!item.classList.contains('paper-menu-button-overlay-bg') && !item.classList.contains('paper-menu-button-overlay-ink')) {
|
| - anims.push(new Animation(item, [{
|
| - 'opacity': 0
|
| - }, {
|
| - 'opacity': 1
|
| - }], {
|
| - delay: this.duration * itemDelay + itemDuration * (reverse ? items.length - 1 - i : i),
|
| - duration: itemDuration,
|
| - fill: 'both'
|
| - }));
|
| - }
|
| - }.bind(this));
|
| -
|
| - var group = new AnimationGroup(anims, {
|
| - easing: 'cubic-bezier(0.4, 0, 0.2, 1)'
|
| - });
|
| - this.player = document.timeline.play(group);
|
| - this.player.onfinish = function() {
|
| - this.fire('core-transitionend', this, node);
|
| - }.bind(this);
|
| -
|
| - } else {
|
| - this.listenOnce(node, 'transitionend', function() {
|
| - this.fire('core-transitionend', this, node);
|
| - }.bind(this));
|
| - }
|
| - },
|
| -
|
| - });
|
| - </script>
|
| -</polymer-element>
|
| -
|
| -<paper-menu-button-transition id="paper-menu-button-transition-top-left" transformOrigin="0% 0%"></paper-menu-button-transition>
|
| -<paper-menu-button-transition id="paper-menu-button-transition-top-right" transformOrigin="100% 0%"></paper-menu-button-transition>
|
| -<paper-menu-button-transition id="paper-menu-button-transition-top-right-slow" transformOrigin="100% 0%" duration="10000"></paper-menu-button-transition>
|
| -
|
| -<paper-menu-button-transition id="paper-menu-button-transition-bottom-left" transformOrigin="0% 100%"></paper-menu-button-transition>
|
| -<paper-menu-button-transition id="paper-menu-button-transition-bottom-right" transformOrigin="100% 100%"></paper-menu-button-transition>
|
|
|