//>>built // wrapped by build app define("dojox/widget/rotator/Wipe", ["dijit","dojo","dojox"], function(dijit,dojo,dojox){ dojo.provide("dojox.widget.rotator.Wipe"); (function(d){ // Constants used to identify which clip edge is being wiped. The values are // the index of the clip array that is changed during the animation. var DOWN = 2, RIGHT = 3, UP = 0, LEFT = 1; function _clipArray(/*int*/type, /*int*/w, /*int*/h, /*number*/x){ // summary: // Returns an array containing the down, right, up, and // left clip region based on the type. If "x" is specified, // then it is applied to the appropriate clipping edge. var a = [0, w, 0, 0]; // default to the top edge if(type == RIGHT){ a = [0, w, h, w]; }else if(type == UP){ a = [h, w, h, 0]; }else if(type == LEFT){ a = [0, 0, h, 0]; } if(x != null){ a[type] = type == DOWN || type == LEFT ? x : (type % 2 ? w : h) - x; } return a; /*Array*/ } function _setClip(/*DomNode*/n, /*int*/type, /*int*/w, /*int*/h, /*number*/x){ // summary: // Sets the clip region of the node. If a type is passed in then we // return a rect(), otherwise return "auto". d.style(n, "clip", type == null ? "auto" : "rect(" + _clipArray(type, w, h, x).join("px,") + "px)"); } function _wipe(/*int*/type, /*Object*/args){ // summary: // Handles the preparation of the dom node and creates the dojo.Animation object. var node = args.next.node, w = args.rotatorBox.w, h = args.rotatorBox.h; d.style(node, { display: "", zIndex: (d.style(args.current.node, "zIndex") || 1) + 1 }); _setClip(node, type, w, h); return new d.Animation(d.mixin({ /*dojo.Animation*/ node: node, curve: [0, type % 2 ? w : h], onAnimate: function(x){ _setClip(node, type, w, h, parseInt(x)); } }, args)); } d.mixin(dojox.widget.rotator, { wipeDown: function(/*Object*/args){ // summary: // Returns a dojo.Animation that wipes in the next rotator pane from the top. return _wipe(DOWN, args); /*dojo.Animation*/ }, wipeRight: function(/*Object*/args){ // summary: // Returns a dojo.Animation that wipes in the next rotator pane from the right. return _wipe(RIGHT, args); /*dojo.Animation*/ }, wipeUp: function(/*Object*/args){ // summary: // Returns a dojo.Animation that wipes in the next rotator pane from the bottom. return _wipe(UP, args); /*dojo.Animation*/ }, wipeLeft: function(/*Object*/args){ // summary: // Returns a dojo.Animation that wipes in the next rotator pane from the left. return _wipe(LEFT, args); /*dojo.Animation*/ } }); })(dojo); });