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

Side by Side Diff: third_party/polymer/v0_8/components-chromium/paper-progress/paper-progress-extracted.js

Issue 1162563004: Upgrade to 1.0 and switch clients to dom-repeat where needed. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Fix a layout import and remove the gzipped webanimation in reproduce.sh Created 5 years, 6 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 Polymer({
3
4 is: 'paper-progress',
5
6 behaviors: [
7 Polymer.IronRangeBehavior
8 ],
9
10 properties: {
11
12 /**
13 * The number that represents the current secondary progress.
14 */
15 secondaryProgress: {
16 type: Number,
17 value: 0,
18 notify: true
19 },
20
21 /**
22 * The secondary ratio
23 */
24 secondaryRatio: {
25 type: Number,
26 value: 0,
27 readOnly: true,
28 observer: '_secondaryRatioChanged'
29 },
30
31 /**
32 * Use an indeterminate progress indicator.
33 */
34 indeterminate: {
35 type: Boolean,
36 value: false,
37 notify: true,
38 observer: '_toggleIndeterminate'
39 }
40 },
41
42 observers: [
43 '_ratioChanged(ratio)',
44 '_secondaryProgressChanged(secondaryProgress, min, max)'
45 ],
46
47 _toggleIndeterminate: function() {
48 // If we use attribute/class binding, the animation sometimes doesn't tran slate properly
49 // on Safari 7.1. So instead, we toggle the class here in the update metho d.
50 this.toggleClass('indeterminate', this.indeterminate, this.$.activeProgres s);
51 },
52
53 _transformProgress: function(progress, ratio) {
54 var transform = 'scaleX(' + (ratio / 100) + ')';
55 progress.style.transform = progress.style.webkitTransform = transform;
56 },
57
58 _ratioChanged: function(ratio) {
59 this._transformProgress(this.$.activeProgress, ratio);
60 },
61
62 _secondaryRatioChanged: function(secondaryRatio) {
63 this._transformProgress(this.$.secondaryProgress, secondaryRatio);
64 },
65
66 _secondaryProgressChanged: function() {
67 this.secondaryProgress = this._clampValue(this.secondaryProgress);
68 this._setSecondaryRatio(this._calcRatio(this.secondaryProgress) * 100);
69 }
70
71 });
72
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698