(function( $, undefined ) { var interaction; // = $.ui.interaction $.widget( "ui.interaction", { version: "@VERSION", _create: function() { for ( var hook in interaction.hooks ) { interaction.hooks[ hook ].setup( this, this._startProxy( hook ) ); } }, _startProxy: function( hook ) { var that = this; return function( event, target, pointerPosition ) { return that._interactionStart( event, target, pointerPosition, hook ); } }, _interactionStart: function( event, target, pointerPosition, hook ) { var started; // only one interaction can happen at a time if ( interaction.started ) { return false; } if ( false === this._isValidTarget( $( target ) ) ) { return false; } started = ( this._start( event, pointerPosition ) !== false ); if ( started ) { interaction.started = true; interaction.hooks[ hook ].handle( this ); } return started; }, _interactionMove: function( event, pointerPosition ) { this._move( event, pointerPosition ); }, _interactionStop: function( event, pointerPosition ) { this._stop( event, pointerPosition ); interaction.started = false; }, _isValidTarget: function( target ) { return true; } }); interaction = $.ui.interaction; $.extend( interaction, { started: false, hooks: {} }); interaction.hooks.mouse = { setup: function( widget, start ) { widget._bind({ "mousedown": function( event ) { if ( event.which === 1 ) { var started = start( event, event.target, { x: event.pageX, y: event.pageY }); if ( started ) { event.preventDefault(); } } } }); }, handle: function( widget ) { function mousemove( event ) { event.preventDefault(); widget._interactionMove( event, { x: event.pageX, y: event.pageY }); } function mouseup( event ) { widget._interactionStop( event, { x: event.pageX, y: event.pageY }); widget.document .unbind( "mousemove", mousemove ) .unbind( "mouseup", mouseup ); } widget._bind( widget.document, { "mousemove": mousemove, "mouseup": mouseup }); } }; // WebKit doesn't support TouchList.identifiedTouch() function getTouch( event ) { var touch, touches = event.originalEvent.changedTouches, i = 0, length = touches.length; for ( ; i < length; i++ ) { if ( touches[ i ].identifier === touchHook.id ) { return touches[ i ]; } } } var touchHook = interaction.hooks.touch = { setup: function( widget, start ) { widget._bind({ "touchstart": function( event ) { var touch, started; if ( touchHook.id ) { return; } touch = event.originalEvent.changedTouches.item( 0 ); started = start( event, touch.target, { x: touch.pageX, y: touch.pageY }); if ( started ) { // track which finger is performing the interaction touchHook.id = touch.identifier; // prevent panning/zooming event.preventDefault(); } } }); }, handle: function( widget ) { function touchmove( event ) { // TODO: test non-Apple WebKits to see if they allow // zooming/scrolling if we don't preventDefault() var touch = getTouch( event ); if ( !touch ) { return; } event.preventDefault(); widget._interactionMove( event, { x: touch.pageX, y: touch.pageY }); } function touchend( event ) { var touch = getTouch( event ); if ( !touch ) { return; } widget._interactionStop( event, { x: touch.pageX, y: touch.pageY }); touchHook.id = null; widget.document .unbind( "touchmove", touchmove ) .unbind( "touchend", touchend ); } widget._bind( widget.document, { "touchmove": touchmove, "touchend": touchend }); } }; var pointerHook = interaction.hooks.msPointer = { setup: function( widget, start ) { widget._bind({ "MSPointerDown": function( _event ) { var started, event = _event.originalEvent; if ( pointerHook.id ) { return; } // TODO: how can we detect a "right click" with a pen? // TODO: get full details about which and button from MS // touch and pen = 1 // primary mouse button = 2 if ( event.which > 2 ) { return; } started = start( event, event.target, { x: event.pageX, y: event.pageY }); if ( started ) { // track which pointer is performing the interaction pointerHook.id = event.pointerId; // prevent panning/zooming event.preventManipulation(); // prevent promoting pointer events to mouse events event.preventMouseEvent(); } } }); }, handle: function( widget ) { function move( _event ) { var event = _event.originalEvent, pageX = event.pageX, pageY = event.pageY; // always prevent manipulation to avoid panning/zooming event.preventManipulation(); if ( event.pointerId !== pointerHook.id ) { return; } // MS streams events constantly, even if there is no movement // so we optimize by ignoring repeat events if ( pointerHook.x === pageX && pointerHook.y === pageY ) { return; } pointerHook.x = pageX; pointerHook.y = pageY; widget._interactionMove( event, { x: pageX, y: pageY }); } function stop( _event ) { var event = _event.originalEvent; if ( event.pointerId !== pointerHook.id ) { return; } widget._interactionStop( event, { x: event.pageX, y: event.pageY }); pointerHook.id = pointerHook.x = pointerHook.y = undefined; widget.document .unbind( "MSPointerMove", move ) .unbind( "MSPointerUp", stop ) .unbind( "MSPointerCancel", stop ); } widget._bind( widget.document, { "MSPointerMove": move, "MSPointerUp": stop, "MSPointerCancel": stop }); } }; })( jQuery );