1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
|
//>>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);
});
|
