Move.js revision f8d2d2a1de5411c61f8f633fd44dc4bb93fdfe23
bb9b6b3f59b8820022416cea99b49c50fef6e391Sheshadri Vasudevan// TODO: Better way to sniff 'n' switch touch support?
bb9b6b3f59b8820022416cea99b49c50fef6e391Sheshadri Vasudevanvar TOUCH = "ontouchstart" in Y.config.win,
bb9b6b3f59b8820022416cea99b49c50fef6e391Sheshadri Vasudevan
bb9b6b3f59b8820022416cea99b49c50fef6e391Sheshadri Vasudevan EVENT = (TOUCH) ? {
bb9b6b3f59b8820022416cea99b49c50fef6e391Sheshadri Vasudevan start: "touchstart",
bb9b6b3f59b8820022416cea99b49c50fef6e391Sheshadri Vasudevan move: "touchmove",
bb9b6b3f59b8820022416cea99b49c50fef6e391Sheshadri Vasudevan end: "touchend"
bb9b6b3f59b8820022416cea99b49c50fef6e391Sheshadri Vasudevan } : {
bb9b6b3f59b8820022416cea99b49c50fef6e391Sheshadri Vasudevan start: "mousedown",
bb9b6b3f59b8820022416cea99b49c50fef6e391Sheshadri Vasudevan move: "mousemove",
bb9b6b3f59b8820022416cea99b49c50fef6e391Sheshadri Vasudevan end: "mouseup"
bb9b6b3f59b8820022416cea99b49c50fef6e391Sheshadri Vasudevan },
bb9b6b3f59b8820022416cea99b49c50fef6e391Sheshadri Vasudevan
bb9b6b3f59b8820022416cea99b49c50fef6e391Sheshadri Vasudevan START = "start",
bb9b6b3f59b8820022416cea99b49c50fef6e391Sheshadri Vasudevan MOVE = "move",
bb9b6b3f59b8820022416cea99b49c50fef6e391Sheshadri Vasudevan END = "end",
bb9b6b3f59b8820022416cea99b49c50fef6e391Sheshadri Vasudevan
bb9b6b3f59b8820022416cea99b49c50fef6e391Sheshadri Vasudevan MOVE_START_HANDLE = "_msh",
bb9b6b3f59b8820022416cea99b49c50fef6e391Sheshadri Vasudevan MOVE_HANDLE = "_mh",
bb9b6b3f59b8820022416cea99b49c50fef6e391Sheshadri Vasudevan MOVE_END_HANDLE = "_meh",
bb9b6b3f59b8820022416cea99b49c50fef6e391Sheshadri Vasudevan
bb9b6b3f59b8820022416cea99b49c50fef6e391Sheshadri Vasudevan MOVE_START = "_ms",
bb9b6b3f59b8820022416cea99b49c50fef6e391Sheshadri Vasudevan _MOVE = "_m",
bb9b6b3f59b8820022416cea99b49c50fef6e391Sheshadri Vasudevan
bb9b6b3f59b8820022416cea99b49c50fef6e391Sheshadri Vasudevan MIN_TIME = "minTime",
bb9b6b3f59b8820022416cea99b49c50fef6e391Sheshadri Vasudevan MIN_DISTANCE = "minDistance",
bb9b6b3f59b8820022416cea99b49c50fef6e391Sheshadri Vasudevan OWNER_DOCUMENT = "ownerDocument",
bb9b6b3f59b8820022416cea99b49c50fef6e391Sheshadri Vasudevan
bb9b6b3f59b8820022416cea99b49c50fef6e391Sheshadri Vasudevan NODE_TYPE = "nodeType",
bb9b6b3f59b8820022416cea99b49c50fef6e391Sheshadri Vasudevan
define = Y.Event.define;
define('movestart', {
init: function (node, subscriber, ce) {
node.setData(MOVE_START_HANDLE, node.on(EVENT[START],
this._onStart,
null,
node,
subscriber,
ce));
},
destroy: function (node, subscriber, ce) {
var startHandle = node.getData(MOVE_START_HANDLE);
if (startHandle) {
startHandle.detach();
node.setData(MOVE_START_HANDLE, null);
}
},
processArgs : function(args) {
var params = args[3] ? args.splice(3,1) : {};
if (!(MIN_TIME in params)) {
params[MIN_TIME] = this.MIN_TIME;
}
if (!(MIN_DISTANCE in params)) {
params[MIN_DISTANCE] = this.MIN_DISTANCE;
}
return params;
},
_onStart : function(e, node, subscriber, ce) {
e.preventDefault();
var start = true, // always true for mouse
payload;
if (e.touches) {
start = (e.touches.length === 1);
e = e.touches[0];
}
if (start) {
// TODO: Pass through e instead?
payload = {
time : new Date().getTime(),
clientX: e.clientX,
clientY: e.clientY,
pageX: e.pageX,
pageY: e.pageY,
button : e.button,
_e : e
};
node.setData(MOVE_START, payload);
ce.fire(payload);
}
},
MIN_TIME : 0,
MIN_DISTANCE : 3
});
define('move', {
init: function (node, subscriber, ce) {
var doc = node.get(NODE_TYPE) === 9 ? node : node.get(OWNER_DOCUMENT),
moveHandle = doc.on(EVENT[MOVE],
Y.bind(this._onMove, this),
null,
node,
subscriber,
ce);
node.setData(MOVE_HANDLE, moveHandle);
},
destroy: function (node, subscriber, ce) {
var moveHandle = node.getData(MOVE_HANDLE);
if (moveHandle) {
moveHandle.detach();
node.setData(MOVE_HANDLE, null);
}
},
_onMove : function(e, node, subscriber, ce) {
var start = node.getData(MOVE_START),
move = !!(start),
payload;
if (move) {
if (e.touches) {
move = (e.touches.length === 1);
e = e.touches[0];
}
if (move) {
e.preventDefault();
payload = {
time : new Date().getTime(),
clientX: e.clientX,
clientY: e.clientY,
pageX: e.pageX,
pageY: e.pageY,
button : e.button,
_e : e
};
node.setData(_MOVE, payload);
ce.fire(payload);
}
}
}
});
define('moveend', {
init: function (node, subscriber, ce) {
var doc = node.get(NODE_TYPE) === 9 ? node : node.get(OWNER_DOCUMENT),
endHandle = doc.on(EVENT[END],
Y.bind(this._onEnd, this),
null,
node,
subscriber,
ce);
node.setData(MOVE_END_HANDLE, endHandle);
},
destroy: function (node, subscriber, ce) {
var endHandle = node.getData(MOVE_END_HANDLE);
if (endHandle) {
endHandle.detach();
node.setData(MOVE_END_HANDLE, null);
}
},
_onEnd : function(e, node, subscriber, ce) {
var moveEnd = !!(node.getData(_MOVE) || node.getData(MOVE_START)),
payload;
if (moveEnd) {
if (e.changedTouches) {
if (e.changedTouches.length === 1) {
e = e.changedTouches[0];
} else {
moveEnd = false;
}
}
if (moveEnd) {
e.preventDefault();
payload = {
time : new Date().getTime(),
clientX: e.clientX,
clientY: e.clientY,
pageX: e.pageX,
pageY: e.pageY,
button: e.button,
_e : e
};
node.setData(MOVE_START, null);
node.setData(_MOVE, null);
ce.fire(payload);
}
}
}
});