Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(1079)

Unified Diff: bower_components/paper-menu-button/paper-menu-button-transition.html

Issue 786953007: npm_modules: Fork bower_components into Polymer 0.4.0 and 0.5.0 versions (Closed) Base URL: https://chromium.googlesource.com/infra/third_party/npm_modules.git@master
Patch Set: Created 5 years, 11 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
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>
« no previous file with comments | « bower_components/paper-menu-button/paper-menu-button-transition.css ('k') | bower_components/paper-progress/.bower.json » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698