[483] | 1 | define(["dojo/_base/fx", |
---|
| 2 | "dojo/fx", |
---|
| 3 | "dojo/_base/lang", |
---|
| 4 | "dojo/fx/easing", |
---|
| 5 | "dojox/fx"], |
---|
| 6 | function(baseFx, coreFx, lang, easingUtil, dojoxFx){ // |
---|
| 7 | |
---|
| 8 | var reverseApi = { |
---|
| 9 | // summary: |
---|
| 10 | // A dojo.Animation extension that enables an easy reversal. |
---|
| 11 | // description: |
---|
| 12 | // To use, simply require dojox.fx.ext-dojo.reverse and a reverse() |
---|
| 13 | // method will be added to all dojo.Animations. |
---|
| 14 | // It can be used at any time during the animation. It does not |
---|
| 15 | // need to be called when it ends. It also reverses the easing - |
---|
| 16 | // if dojo.fx.easing.quadIn is used, dojo.fx.easing.quadOut will |
---|
| 17 | // be used when animating backwards. |
---|
| 18 | |
---|
| 19 | _reversed: false, |
---|
| 20 | reverse: function(/*Boolean*/keepPaused, /*Function ? */reverseEase){ |
---|
| 21 | // summary: |
---|
| 22 | // The key method added to an animation to enable reversal. |
---|
| 23 | // keepPaused: Boolean |
---|
| 24 | // By default, calling reverse() will play the animation if |
---|
| 25 | // it was paused. Pass in true to keep it paused (will have |
---|
| 26 | // no effect if reverse is called while animation is playing). |
---|
| 27 | // reverseEase: Function |
---|
| 28 | // A function to use for the reverse easing. This allows for |
---|
| 29 | // the possibility of custom eases that are not in the dojo.fx |
---|
| 30 | // library. |
---|
| 31 | |
---|
| 32 | var playing = this.status() == "playing"; |
---|
| 33 | this.pause(); |
---|
| 34 | this._reversed = !this._reversed; |
---|
| 35 | var d = this.duration, |
---|
| 36 | sofar = d * this._percent, |
---|
| 37 | togo = d - sofar, |
---|
| 38 | curr = new Date().valueOf(), |
---|
| 39 | cp = this.curve._properties, |
---|
| 40 | p = this.properties, |
---|
| 41 | nm |
---|
| 42 | ; |
---|
| 43 | this._endTime = curr + sofar; |
---|
| 44 | this._startTime = curr - togo; |
---|
| 45 | |
---|
| 46 | if(playing){ |
---|
| 47 | this.gotoPercent(togo / d) |
---|
| 48 | } |
---|
| 49 | for(nm in p){ |
---|
| 50 | var tmp = p[nm].start; |
---|
| 51 | p[nm].start = cp[nm].start = p[nm].end; |
---|
| 52 | p[nm].end = cp[nm].end = tmp; |
---|
| 53 | } |
---|
| 54 | |
---|
| 55 | if(this._reversed){ |
---|
| 56 | if(!this.rEase){ |
---|
| 57 | this.fEase = this.easing; |
---|
| 58 | if(reverseEase){ |
---|
| 59 | this.rEase = reverseEase; |
---|
| 60 | }else{ |
---|
| 61 | // loop through dojo.fx.easing to find the matching ease |
---|
| 62 | var de = easingUtil, found, eName; |
---|
| 63 | for(nm in de){ |
---|
| 64 | if(this.easing == de[nm]){ |
---|
| 65 | // get ease's name |
---|
| 66 | found = nm; break; |
---|
| 67 | } |
---|
| 68 | } |
---|
| 69 | |
---|
| 70 | if(found){ |
---|
| 71 | // find ease's opposite |
---|
| 72 | if(/InOut/.test(nm) || !/In|Out/i.test(nm)){ |
---|
| 73 | this.rEase = this.easing; |
---|
| 74 | }else if(/In/.test(nm)){ |
---|
| 75 | eName = nm.replace("In", "Out"); |
---|
| 76 | }else{ |
---|
| 77 | eName = nm.replace("Out", "In"); |
---|
| 78 | } |
---|
| 79 | if(eName){ |
---|
| 80 | this.rEase = easingUtil[eName]; |
---|
| 81 | } |
---|
| 82 | }else{ |
---|
| 83 | // default ease, and other's like linear do not have an opposite |
---|
| 84 | console.info("ease function to reverse not found"); |
---|
| 85 | this.rEase = this.easing; |
---|
| 86 | } |
---|
| 87 | } |
---|
| 88 | |
---|
| 89 | } |
---|
| 90 | this.easing = this.rEase; |
---|
| 91 | }else{ |
---|
| 92 | this.easing = this.fEase; |
---|
| 93 | } |
---|
| 94 | if(!keepPaused && this.status() != "playing"){ |
---|
| 95 | this.play(); |
---|
| 96 | } |
---|
| 97 | |
---|
| 98 | return this; |
---|
| 99 | } |
---|
| 100 | }; |
---|
| 101 | lang.extend( baseFx.Animation, reverseApi); |
---|
| 102 | return baseFx.Animation; |
---|
| 103 | }); |
---|