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

Side by Side Diff: third_party/polymer/v1_0/components-chromium/paper-menu-button/paper-menu-button-extracted.js

Issue 1261403002: Add paper-menu-button and its dependencies to third_party/polymer (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: reproduce.sh Created 5 years, 4 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 unified diff | Download patch
OLDNEW
(Empty)
1
2 (function() {
3 'use strict';
4
5 var PaperMenuButton = Polymer({
6
7 is: 'paper-menu-button',
8
9 behaviors: [
10 Polymer.IronA11yKeysBehavior,
11 Polymer.IronControlState
12 ],
13
14 properties: {
15
16 /**
17 * True if the content is currently displayed.
18 */
19 opened: {
20 type: Boolean,
21 value: false,
22 notify: true
23 },
24
25 /**
26 * The orientation against which to align the menu dropdown
27 * horizontally relative to the dropdown trigger.
28 */
29 horizontalAlign: {
30 type: String,
31 value: 'left',
32 reflectToAttribute: true
33 },
34
35 /**
36 * The orientation against which to align the menu dropdown
37 * vertically relative to the dropdown trigger.
38 */
39 verticalAlign: {
40 type: String,
41 value: 'top',
42 reflectToAttribute: true
43 },
44
45 /**
46 * Set to true to disable animations when opening and closing the
47 * dropdown.
48 */
49 noAnimations: {
50 type: Boolean,
51 value: false
52 },
53
54 /**
55 * An animation config. If provided, this will be used to animate the
56 * opening of the dropdown.
57 */
58 openAnimationConfig: {
59 type: Object,
60 value: function() {
61 return [{
62 name: 'fade-in-animation',
63 timing: {
64 delay: 100,
65 duration: 200
66 }
67 }, {
68 name: 'paper-menu-grow-width-animation',
69 timing: {
70 delay: 100,
71 duration: 150,
72 easing: PaperMenuButton.ANIMATION_CUBIC_BEZIER
73 }
74 }, {
75 name: 'paper-menu-grow-height-animation',
76 timing: {
77 delay: 100,
78 duration: 275,
79 easing: PaperMenuButton.ANIMATION_CUBIC_BEZIER
80 }
81 }];
82 }
83 },
84
85 /**
86 * An animation config. If provided, this will be used to animate the
87 * closing of the dropdown.
88 */
89 closeAnimationConfig: {
90 type: Object,
91 value: function() {
92 return [{
93 name: 'fade-out-animation',
94 timing: {
95 duration: 150
96 }
97 }, {
98 name: 'paper-menu-shrink-width-animation',
99 timing: {
100 delay: 100,
101 duration: 50,
102 easing: PaperMenuButton.ANIMATION_CUBIC_BEZIER
103 }
104 }, {
105 name: 'paper-menu-shrink-height-animation',
106 timing: {
107 duration: 200,
108 easing: 'ease-in'
109 }
110 }];
111 }
112 }
113 },
114
115 hostAttributes: {
116 role: 'group',
117 'aria-haspopup': 'true'
118 },
119
120 listeners: {
121 'iron-activate': '_onIronActivate'
122 },
123
124 /**
125 * Make the dropdown content appear as an overlay positioned relative
126 * to the dropdown trigger.
127 */
128 open: function() {
129 this.fire('paper-open');
130 this.$.dropdown.open();
131 },
132
133 /**
134 * Hide the dropdown content.
135 */
136 close: function() {
137 this.fire('paper-close');
138 this.$.dropdown.close();
139 },
140
141 _onIronActivate: function(event) {
142 this.close();
143 }
144 });
145
146 PaperMenuButton.ANIMATION_CUBIC_BEZIER = 'cubic-bezier(.3,.95,.5,1)';
147 PaperMenuButton.MAX_ANIMATION_TIME_MS = 400;
148
149 Polymer.PaperMenuButton = PaperMenuButton;
150 })();
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698